vue-cli定義：是腳手架工具，作用就是用配置好的模板迅速搭建起一個項目，省去了自己配置webpack文件。
搭建腳手架步驟：
一、環境搭建
1）在官網下載安裝node.js ，安裝裝完，輸入node -v，出現版本號就說明安裝成功
2）npm -v 查詢 npm 版本號是否在3以上
3）安裝淘寶鏡像。安裝完輸入 cnpm -v，檢查是否安裝成功，之所以安裝它，是為了安裝速度，原本npm的服務器是外國的，速度會很慢。
4）安裝 webpack, npm install webpack -g 輸入 webpack -v 檢查是否安裝成功
二、安裝vue-cli工具
安裝vue-cli 腳手架構建工具，npm install vue-cli -g,輸入vue -V檢查是否安裝成功（注意是vue -V是大寫）
三、環境和工具准備好了，接着就是vue-cli初始化項目，生成項目模板
安裝vue腳手架，vue init webpack name（name不能是中文），輸入命令后，會跳出幾個選項讓你回答，直接都回車就可以，回答完畢就開始構建項目了。
四、進入到項目目錄，安裝模塊包
cd name（進入創建的工程目錄） , npm install (安裝項目依賴)，安裝所有的模塊。
如果是安裝具體的哪個個模塊，在install 后面輸入模塊的名字即可。而只輸入 install就會按照項目的根目錄下的package.json文件中依賴的模塊安裝。安裝完成后，目錄中會多出來一個node_modules文件夾，這里放的就是所有依賴的模塊。
五、啟動項目 npm run dev，訪問http://localhost:8080 就能進入頁面
六、介紹追蹤首頁頁面的顯示過程
1)index.html
2）package.json
3）build目錄
4）main.js
七、打包項目 npm run build