一、安裝node.js（https://nodejs.org/en/）
下載好之后選擇安裝路徑。一頓next就完事了
安裝完完畢后在dos命令行輸入以下命令測試是否安裝成功，正確會出現版本號
npm -v
二、改變原有的環境變量，設置nodejs prefix（全局）和cache（緩存）路徑（可以忽略，但是為了以后尋找方便建議做）
1.在nodejs文件夾下，新建node_cache和node_global文件夾
2、設置緩存文件夾
npm config set cache "D:\vueProject\nodejs\node_cache"
設置全局模塊存放路徑
npm config set prefix "D:\vueProject\nodejs\node_global"
設置成功后，之后用命令npm install XXX -g安裝以后模塊就在D:\vueProject\nodejs\node_global里
三、設置環境變量（灰常重要）
1.修改系統變量PATH
2.新增系統變量NODE_PATH（一定要弄，不然無法運行vue）
此后所安裝的模塊都會安裝到該路徑下
3. 在命令行輸入以下命令試着安裝express（注：“-g”這個參數意思是裝到global目錄下，也就是上面說設置的“G:\Nodejs\node_global”里面。）
npm install express -g
安裝完畢后可以看到.\node_global\node_modules\express 已經有內容
4.在命令行輸入node進入編輯模式，輸入以下代碼測試是否能正常加載模塊：
require('express')
假設成功，可以看到有輸出。假設出錯，檢查NODE_PATH的路徑。
我一開始設置成“G:\Nodejs\node_modules”報錯，后來改成“G:\Nodejs\node_global\node_modules”成功
四、安裝cnpm（淘寶鏡像）
npm install -g cnpm --registry=https://registry.npm.taobao.org
輸入cnpm -v檢測是否安裝成功
cnpm -v
五、安裝vue、vue-cli腳手架、webpack和webpack-cli前端資源加載/打包工具
cnpm install vue -g
cnpm install vue-cli -g
cnpm install webpack -g // 全局安裝沒有安裝到cli所以要另外安裝
cnpm install webpack-cli -g
安裝完成可以在dos命令（黑窗口）下輸入vue是否安裝成功
vue
輸入以下命令查看webpack是否安裝成功（沒安裝cli時輸入webpack -v會報錯）
webpack -v
webpack -h
最后可在.\node_global\node_modules看到自己所安裝的模塊
最后優化一下（把npm安裝在node_global下）前提要安裝了cnpm
因為nodejs安裝會自動安裝在當前文件夾下。但是為了美觀！我要修改~
1.刪除以下文件
2.命令行輸入以下命令
（用cnpm安裝新npm）
cnpm install npm -g
安裝成功同理輸入以下命令看看是否安裝成功
npm -v
最后nodejs文件夾下
多干凈！