一、安裝node.js（https://nodejs.org/en/） 下載完畢後，可以安裝node，建議不要安裝在系統盤（如C：）。 二、設置nodejs prefix（全局）和cache（緩存）路徑 1、在nodejs安裝路徑下，新建node_global和node_cache兩個文件夾 2、設 ...
一、安裝node.js（https://nodejs.org/en/）
下載完畢後，可以安裝node，建議不要安裝在系統盤（如C：）。
二、設置nodejs prefix（全局）和cache（緩存）路徑
1、在nodejs安裝路徑下，新建node_global和node_cache兩個文件夾
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里
三、基於 Node.js 安裝cnpm（淘寶鏡像）
npm install -g cnpm --registry=https://registry.npm.taobao.org
四、設置環境變數（非常重要）
說明：設置環境變數可以使得住任意目錄下都可以使用cnpm、vue等命令，而不需要輸入全路徑 1、滑鼠右鍵"此電腦"，選擇“屬性”菜單，在彈出的“系統”對話框中左側選擇“高級系統設置”，彈出“系統屬性”對話框。 2、修改系統變數PATH
3、新增系統變數NODE_PATH
五、安裝Vue
cnpm install vue -g
六、安裝vue命令行工具，即vue-cli 腳手架
cnpm install vue-cli -g
七、新項目的創建
1.打開存放新建項目的文件夾
打開開始菜單，輸入 CMD，或使用快捷鍵 win+R，輸入 CMD，敲回車，彈出命令提示符。打開你將要新建的項目目錄
2.根據模版創建新項目
在當前目錄下輸入“vue init webpack-simple 項目名稱（使用英文）”。
vue init webpack-simple mytest
初始化完成後的項目目錄結構如下：
3、安裝工程依賴模塊
定位到mytest的工程目錄下，安裝該工程依賴的模塊，這些模塊將被安裝在：mytest\node_module目錄下，node_module文件夾會被新建，而且根據package.json的配置下載該項目的modules
cd mytest
cnpm install
4、運行該項目，測試一下該項目是否能夠正常工作，這種方式是用nodejs來啟動。
cnpm run dev
八、借鑒網址：
https://www.cnblogs.com/zhouyu2017/p/6485265.html https://www.cnblogs.com/ixxonline/p/6007885.html http://blog.csdn.net/zhuming3834/article/details/72778147 https://www.cnblogs.com/fisheleven/p/6775380.html?utm_source=itdadao&utm_medium=referral
