淺談windows下搭建Vue.js開發環境

1、安裝node.js node.js的官方位址為：https://nodejs.org/en/download/。

根據windows版本後，選擇要下載下傳的安裝包，下載下傳完畢，按照windows一般應用程式，一路next就可以安裝成功，建議不要安裝在系統盤（如C：）。

2、設定global和cache路徑 設定路徑能夠把通過npm安裝的子產品集中在一起，便于管理。 （1）在nodejs的安裝目錄下，建立node_global和node_cache兩個檔案夾，如安裝目錄為“D:\nodejs\” （2）用指令npm config set prefix "D:\nodejs\node_global"和npm config set cache "D:\nodejs\node_cache"設定global和cache， 設定成功後，後續用指令npm install  -g XXX安裝，子產品就在D:\nodejs\node_global\node_modules裡。

3、設定環境變量 說明：設定環境變量可以使得住任意目錄下都可以使用cnpm、vue等指令，而不需要輸入全路徑。 （1）修改使用者變量PATH：把"D:\nodejs\node_global"加到後面。 （2）新增系統變量NODE_PATH：設定成“D:\nodejs\node_global\node_modules”。

4、安裝cnpm 說明：由于許多npm包都在國外，用淘寶的鏡像伺服器，對依賴的module進行安裝。 參考網址為：http://npm.taobao.org/ 安裝指令為：npm install -g cnpm --registry=https://registry.npm.taobao.org

5、用cnpm安裝vue 安裝指令為：cnpm install vue -g   6、安裝vue指令行工具 安裝指令為：cnpm install vue-cli -g

7、建立工程 （1）cd指令進入将要建立工程的目錄，如“E:\nodejs” 用指令"vue init webpack mytest"建立一個基于 webpack 模闆的新項目，工程名為"mytest"。 （2）cd指令進入mytest目錄 （3）安裝該工程依賴的子產品 用指令"cnpm install”安裝該工程依賴的子產品，這些子產品将被安裝在：mytest\node_module目錄下，node_module檔案夾會被建立，而且根據package.json的配置下載下傳該項目的modules。 （4）運作項目 用指令“cnpm run dev”測試該項目是否能夠正常工作，用nodejs來啟動。