按步驟來的，然後我截了個整圖，可以跟著一步步來，每一步啥意思，有前輩的微博可以借鑑

vue-cli腳手架模板是基於node下的npm來完成安裝的所以首先需要安裝node

1、安裝node，vue執行需要基於npm一定的版本，所以首先升級npm到最新的版本，而在安裝的過程中個人比較喜歡淘寶的映象，所以先安裝cnpm（因為速度和穩定性都比較好）

2、執行cnpm install vue-cli -g 全域性安裝

3、執行vue檢視安裝是否成功

4、執行vue init webpack(注：模板名稱) wxb2c(注：專案名稱)

5、進入專案資料夾下，執行 cnpm install 來安裝下載到模板中的package.json中的依賴，安裝完成後會在專案資料夾下自動生成node-module檔案來存放安裝的依賴檔案

6、由於依賴項非常的多編輯器在檢索module檔案時會非常的耗記憶體，所以在用webstorm編輯器啟動專案的時候我們往往會在node-module資料夾右鍵去阻止檢索該檔案

7、執行專案 npm run dev

8、將需要的資源放進專案裡

9、我們需要用到路由功能 所以需要安裝vue-router

安裝方法：cnpm install vue-router –save

10、需要用到ajax請求,利用vue-resource

安裝方法：cnpm install vue-resource–save 安裝完成會在package.json中生成版本資訊

使用方法如下：

11、需要用到sass（個人需求），所以安裝sass-loader

安裝方法：cnpm install sass-loader –save-dev

Pakcage.json檔案下回生成sass-loader的版本資訊

由於sass-loader是依賴於node-sass所以我們還要安裝node-sass

安裝方法：cnpm install node-sass –save-dev

另外在團隊協作，我們想要每次大家裝出來的腳手架都是一樣的，
① 可以在第一次裝完所有步驟後的package.json儲存下來，
② 以後其他人在安裝之前，用儲存好的package.json替換新生成的json，
③ 然後再npm install