要使用vuejs來(lái)開發(fā)，首先要有環(huán)境财喳，這個(gè)環(huán)境需要借助于nodejs察迟，所以要先安裝node，需要借助于node里面的npm來(lái)安裝.
1.先下載nodejs安裝包
在網(wǎng)上可以搜索到此安裝包纲缓，直接下載就好了
（1）輸入node -v命令行就可以顯示node版本（用cmd來(lái)輸入）
（2）輸入webpack命令行喊废，安裝webpack
（3）驗(yàn)證全局vue-cli腳手架是否安裝成功
補(bǔ)充：
1)需要注意的(npm也是需要在cmd里輸入祝高，nodejs編輯器只是編輯一些js)
解決方法：
2)還需要安裝git和sdk，還有其他一些
(由于之前本人安裝IDE開發(fā)軟件時(shí)已安裝了git和sdk污筷，所以可以這步忽略)
3）注意：當(dāng)出現(xiàn)這個(gè)cnpm報(bào)錯(cuò)（需要安裝淘寶鏡像）
解決方法
（4）安裝淘寶鏡像工闺，這才使cnpm不報(bào)錯(cuò)，輸入cnpm -v查看版本
（5）往下就是創(chuàng)建vue項(xiàng)目
例子
(6)需要在本地電腦中配置變量：用戶變量和系統(tǒng)變量都需要編輯（找到nodejs的安裝路徑）
(7)輸入cnpm install,若此運(yùn)行不成功瓣蛀，就需要安裝淘寶鏡像先陆蟆，再運(yùn)行命令，運(yùn)行成功命令惋增，這時(shí)項(xiàng)目文件夾里會(huì)自動(dòng)生成node_modules
注意：可能有時(shí)安裝cnpm install沒(méi)成功叠殷，就安裝npm install,或者因?yàn)橛袝r(shí)可能安裝的node_modules出錯(cuò)了，需要?jiǎng)h除掉再重新輸命令來(lái)安裝
(8)最后運(yùn)行npm run dev诈皿，注意若是報(bào)錯(cuò)林束，報(bào)錯(cuò)信息說(shuō)明需要升級(jí)
(9)輸入cnpm install -g npm版本升級(jí)
(10)最后輸入npm run dev就成功顯示端口號(hào)為http://localhost:8080
index.js文件中有顯示的dev，端口為8080
(11)在瀏覽器中輸入localhost:8080/#/運(yùn)行了app.vue文件
最后補(bǔ)充說(shuō)明：
很多人可能會(huì)疑惑vuejs不是像jquery插件一樣可以直接引入vuejs插件后稽亏，然后嵌入在html中寫小demo嗎壶冒？為什么還需要搭建vue環(huán)境，其實(shí)搭建vue環(huán)境后截歉，不用引入插件胖腾，直接寫.vue后綴文件，運(yùn)行此文件就可以顯示小demo效果瘪松。
本文作者lilyping
越努力咸作，越幸運(yùn)
原文鏈接：http://www.reibang.com/u/3908e601f4ec
微信公眾號(hào)：BestLilyPing
github:https://github.com/lilyping
Demos源碼地址：https://github.com/lilyping
