使用vue-cli搭建webpack模板項目
第一步：nodejs下載、安裝以及環境配置
1．登錄nodejs 官網：https://nodejs.org/en/ ，建議下載推薦版本（紅色箭頭所指）。
2．安裝nodejs
下載下來的msi包一直點擊下一步即可。
3．環境配置
新版本都會自動配置環境變量，如果輸入node找不到，則可能是環境變量沒有配置，需要把node的安裝路徑配置到變量環境Path裏。
4．驗證是否安裝成功
win+R，輸入cmd，回車，輸入指令：node –v，若輸出對應的版本號，說明安裝成功。
5．npm的安裝
由於新版的nodejs已經集成了npm，所以之前npm也一併安裝好了。同樣可以使用cmd命令行輸入指令：npm –v來測試是否成功安裝。
第二步：安裝webpack
打開命令行工具輸入：cnpm install webpack -g，安裝完成之後輸入指令：webpack -v，如下圖，如果出現相應的版本號，則說明安裝成功。
第三步：安裝vue-cli腳手架構建工具
打開命令行工具輸入：npm install vue-cli -g，安裝完成之後輸入指令：
vue -V（注意這裏是大寫的“V”），如下圖，如果出現相應的版本號，則說明安裝成功。
通過以上三步，我們需要準備的環境和工具都準備好了，現在開始構建項目
第四步：在硬盤新建一個文件夾
cmd進入到該文件夾，安裝vue腳手架輸入指令：vue init webpack XXX，XXX爲項目名稱，最好不要使用中文。
第五步：cd 命令進入創建的工程目錄以及安裝項目依賴
輸入指令一：cd demo。”demo”是自己建工程的名字。
輸入指令二：npm install。因爲自動構建過程中已存在package.json文件，所以這裏直接安裝依賴就行（不需要再npm init）。
第六步：安裝 vue 路由模塊 vue-router 和網絡請求模塊 axios
輸入指令：npm install vue-router axios --save
創建完成的“demo”目錄如下：
項目結構如下圖所示:
