- 安裝npm
- 有空再寫......
-
測試npm是否安裝成功 :控制臺輸入npm 反璃，回車霞丧。
npm安裝成功.png - 下載npm依賴包：
安裝命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org
這步需要一些時間呕寝，完成后控制臺如下：
-
測試是否成功：cnpm -v
cnpm.png
5.安裝vue-cli
安裝命令：cnpm install -g vue-cli
結(jié)果如下
6.測試vue-cli是否安裝成功
控制臺輸入vue 箱靴，回車。
- 安裝git 詳見百度git安裝圖解
git.exe下載路徑：http://msysgit.github.com/
8.git啟動成功（測試）
9.創(chuàng)建我的第一個vue項目
vue init webpack my-first-vue-project
報錯！
解決：升級node和npm版本迅腔。
在官網(wǎng)上下載穩(wěn)定版node,重新安裝，注意路徑要和原來的一樣（通過where node找到原來node安裝路徑）靠娱。
更新后node版本8.9.3 npm版本 5.6.0 （npm需3.0版本以上）
更新后成功創(chuàng)建項目
輸入上圖提示的網(wǎng)址：http://localhost:8080
結(jié)果如下：
搭建腳手架好處(比直接引用js)
腳手架那套系統(tǒng)幫你模塊化沧烈，比如每個頁面都是一個組件，可以抽象出共用組件分給不同頁面用像云。直接引用其實也能做锌雀，你也得搭一套js的模塊化，再放到你的index.html迅诬，功能是一樣的腋逆，自己設(shè)計一套也挺麻煩，要考慮很多問題侈贷。
腳手架有一個統(tǒng)一的入口main.js惩歉，你引入router，resource俏蛮，vuex很方便撑蚌，也很清晰，你的方式項目龐大以后搏屑，容易亂争涌。
腳手架提供了測試服，你現(xiàn)在用的是單機(jī)版辣恋，測試服在本地監(jiān)聽端口進(jìn)行測試亮垫，可以使用ajax請求解幼，可以將請求代理到web端接口進(jìn)行聯(lián)調(diào)。
webpack配合vue單文件包警，css，js底靠，html整合在一起害晦，每個部分都是一個模塊，同樣圖片模板都是一個模塊暑中，你可以在webpack里配置這些文件的處理方式壹瘟，比如自動添加css前綴，使用less鳄逾，sass稻轨，jade，將小于多少的圖片轉(zhuǎn)成base64雕凹，等等等等殴俱。
使用npm管理你的開發(fā)和插件，想用什么插件直接npm install枚抵，不用手動script標(biāo)簽引入线欲，插件很多的時候不用考慮那么多，直接找到配置表汽摹，版本管理也很方便李丰。
你就算不用vue-cli，也有必要找一套vue的項目模板逼泣，基本路數(shù)都差不多趴泌，你總有那么多事要做。要么拉庶，你自己設(shè)計一套vue的架構(gòu)嗜憔，也沒問題，前提就是方便砍的，規(guī)劃的合理痹筛，脈路清晰。
