雖然一直都沒有寫技術博客的習慣，但是最近用win10系統開發vue項目，不得不寫一篇安裝指導，網上的安裝入門教程只是太模糊了，小白根本看不懂，遇到問題也解決不了。
1、下載nodejs
下載地址：http://nodejs.cn/download/? ?
就算你是64位Windows系統，建議下載32位的版本。
安裝時建議不要修改安裝目錄，一路next按下去。
完成后，Windows快捷鍵 ?Win+R ?，然后輸入 ?cmd ? 回車進入。
輸入兩個指令測試一下安裝效果 ：
node -v
npm -v
應該會顯示版本號。
2、npm換源
默認源在國外，根據眾所周知的原因，不換的話會安裝很慢，國內可以換到淘寶的鏡像。
這里只討論持久使用方式，臨時使用和cnpm方式請自行百度。
npm config set registry https://registry.npm.taobao.org
// 配置后可通過下面方式來驗證是否成功
npm config get registry
3、安裝webpack和vue-cli
安裝webpack
npm install webpack -g
安裝vue腳手架
npm install vue-cli -g
在安裝vue-cli時很可能報錯，試一下下面步驟。
//如果vue-cli正確安裝，請跳過清理cache這一步 ? ?
npm cache clean --force
//然后再試一下安裝vue腳手架
npm install vue-cli -g
完成后查看全局安裝的內容，會顯示以上兩項的版本號
npm list -g --depth 0
4、環境變量添加
在系統中找到vue.cmd的位置，把文件夾路徑復制一下，添加到環境變量的系統變量Path中。
//我的位置是：
C:\Program Files (x86)\nodejs
//請根據你的安裝位置選擇
關閉命令行工具再重新打開，測試一下vue的安裝情況
vue -V
如果出現版本號，說明安裝成功！
5、安裝demo
在硬盤上找一個文件夾放工程用的，在終端中進入該目錄
cd ?目錄路徑
//如果不能切換目錄，試試? cd /d 目錄路徑
根據模板創建項目
vue init webpack-simple 工程名字<工程名字不能用中文>
或者創建 vue1.0 的項目
vue init webpack-simple#1.0 工程名字<工程名字不能用中文>
會有一些初始化的設置，可以直接回車默認。
cd ?進入創建的工程目錄
安裝項目依賴
npm install
啟動項目
npm run dev
完成！會彈出 hello vue 頁面。
如果遇到報錯，這一句通常會有效。一般小毛病都能解決！
npm cache clean --force
