藉助node，搭建vue環境

要使用vuejs來開發，首先要有環境，這個環境需要藉助於nodejs，所以要先安裝node，需要藉助於node裡面的npm來安裝.

1.先下載nodejs安裝包

在網上可以搜尋到此安裝包，直接下載就好了

（1）輸入node -v命令列就可以顯示node版本（用cmd來輸入）

（2）輸入webpack命令列，安裝webpack

（3）驗證全域性vue-cli腳手架是否安裝成功

補充：
1)需要注意的(npm也是需要在cmd裡輸入，nodejs編輯器只是編輯一些js)

解決方法：

2)還需要安裝git和sdk，還有其他一些
(由於之前本人安裝IDE開發軟體時已安裝了git和sdk，所以可以這步忽略)

3）注意：當出現這個cnpm報錯（需要安裝淘寶映象）

解決方法

（4）安裝淘寶映象，這才使cnpm不報錯，輸入cnpm -v檢視版本

（5）往下就是建立vue專案

例子

(6)需要在本地電腦中配置變數：使用者變數和系統變數都需要編輯（找到nodejs的安裝路徑）

(7)輸入cnpm install,若此執行不成功，就需要安裝淘寶映象先，再執行命令，執行成功命令，這時專案資料夾裡會自動生成node_modules

注意：可能有時安裝cnpm install沒成功，就安裝npm install,或者因為有時可能安裝的node_modules出錯了，需要刪除掉再重新輸命令來安裝

(8)最後執行npm run dev，注意若是報錯，報錯資訊說明需要升級

(9)輸入cnpm install -g npm版本升級

(10)最後輸入npm run dev就成功顯示埠號為http://localhost:8080

index.js檔案中有顯示的dev，埠為8080

(11)在瀏覽器中輸入localhost:8080/#/執行了app.vue檔案

最後補充說明：
很多人可能會疑惑vuejs不是像jquery外掛一樣可以直接引入vuejs外掛後，然後嵌入在html中寫小demo嗎？為什麼還需要搭建vue環境，其實搭建vue環境後，不用引入外掛，直接寫.vue字尾檔案，執行此檔案就可以顯示小demo效果。

本文作者lilyping
越努力，越幸運
原文連結：https://www.jianshu.com/u/3908e601f4ec
微信公眾號：BestLilyPing
github:https://github.com/lilyping
Demos原始碼地址：https://github.com/lilyping