之前在電腦上已經(jīng)安裝好了 總結(jié)一下...
1. 安裝淘寶鏡像
命令行輸入npm install -g cnpm --registry=https://registry.npm.taobao.org
(npm install太慢了本涕,耗費時間而且有時會出現(xiàn)報錯==心累....)
安裝淘寶鏡像
2. 安裝Vue
命令行輸入cnpm install vue -g
安裝vue.png
3. 安裝webpack
命令行輸入cnpm install webpack -g
安裝webpack.png
4. 安裝vue-cli腳手架構(gòu)建工具cnpm install -g vue-cli
安裝vue腳手架.png
5. 創(chuàng)建一個基于 webpack 模板GitHub-vuejs-templates的新項目
通過腳手架下載官方提供的模板辕翰,命令行輸入:vue init <template-name> <project-name>
初始化一個項目: vue init webpack my-project
(vue官方模板 的構(gòu)建工具中webpack使用者最多髓废、最方便)
官方模板.png
運行初始化命令的時候回讓用戶輸入幾個基本的選項讥脐,如項目名稱笤妙,描述瑰枫,作者等信息炕桨,如果不想填直接回車默認就好捌锭。
1.png
2.png
3.png
安裝依賴成功(等了大概10幾分鐘,比較慢...)茄唐,模板已下載完成~
提示.png
提示進入到項目目錄todolist息裸,命令行輸入
npm run dev
,進行開發(fā)環(huán)境啟動:npm run dev.png
然后vue.js就跑起來啦~:
運行一下.png