1. 準備工作
首先要安裝node.js，從node.js官網下載并安裝nodejs, 最好使用穩定坂本你的node，不然會存在項目運行不起來，然后一直"下一步"操作就可以了，安裝好之后，打開命令行工具（CTR+R打開輸入cmd），可以執行node -v，如果出現相應的版本號，則說明安裝成功，成功后開始執行各種命令行操作了
- 安裝淘寶鏡像cnpm，打開命令行工具輸入并執行：
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
為什么要安裝cnpm呢？因為我們用的npm的服務器是外國，下載速度沒有國內的快，通過cnpm安裝速度要快得多，可以輸入cnpm -v查看是否安裝成功，若出現相應的版本號，則說明安裝成功
- 安裝webpack，打開命令行工具輸入并執行：
$ npm install webpack -g
進行全局安裝webpack，可以輸入webpack -v查看是否安裝成功，若出現相應的版本號，則說明安裝成功
- 安裝vue-cli腳手架構建工具，打開命令行工具輸入并執行：
$ npm install vue-cli -g
注意 安裝完成后，輸入vue -V，這里的"V"必須是大寫，若出現相應的版本號，則說明安裝成功
2.腳手架的搭建
- 安裝完成后，創建自己的工作空間，在cmd切換至剛剛創建好的工作空間，如果已經有工作空間，直接切換到工作空間即可。使用命令創建項目：
$ vue init webpack vuedemo
vuedemo是自己創建的項目名稱，可以自己更換，執行之后，會讓你完善項目信息：
- Project name (vuedemo): 項目文件名，直接回車鍵默認是括號里面的名稱，也可以自己更改，更改的文件名最好不用大寫，阮一峰老師寫的為什么文件名要小寫
- Project description (A Vue.js project): 項目描述
- Author: 創建者
- Runtime + Compiler: recommended for most users 運行加編譯，既然已經說了推薦，就選它了
- Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere：直接回車
- Install vue-router? (Y/n) 是否安裝vue-router，官方路由配置，可以通過vue-router官網 了解。這里就輸入“y”后回車即可。
- Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代碼，ESLint是個代碼風格管理工具，是用來統一代碼風格的，并不會影響整體的運行，這也是為了多人協作，新手就不用了，不過還是推薦用ESLint管理代碼，一般項目中都會使用。ESLint官網
- Pick an ESLint preset (Use arrow keys) 選擇一個ESLint預設，編寫vue項目時的代碼風格，因為我選擇了使用ESLint,直接回車
- Setup unit tests with Karma + Mocha? (Y/n) 是否安裝單元測試，我沒有選擇安裝
- Setup e2e tests with Nightwatch(Y/n)? 是否安裝e2e測試 ，我沒有選擇安裝
完成，效果圖：
按提示切換到項目目錄，cd vuedemo --> npm install (可以通過淘寶鏡像鏡像安裝依賴包cnpm install) --> npm run dev 將項目運行起來，就是這個樣子的：
這里推薦一個Chrome插件 Vue.js devtools 調試vue項目必不可少的工具
遇到的坑：
安裝npm或者cnpm或者vue-cli成功，但是就是搭建不起來，檢查vue-V的時候報錯：“vue不是內部或外部命令，也不是可運行的程序或處理文件”，可能是環境變量沒有配置的原因
解決方法：
environment-setting.png
新建一個配置為：C:\Users\Administrator\AppData\Roaming\npm
可以參考我的GitHub地址：https://github.com/guixianleng/vue-cli
