文章完全轉載自:  https://www.cnblogs.com/yoyo1216/p/10748587.html

一、安裝node.js（https://nodejs.org/en/）

 

下載完畢后，可以安裝node，建議不要安裝在系統盤（如C：）。

 

 

 

 

二、設置nodejs prefix（全局）和cache（緩存）路徑

 

1、在nodejs安裝路徑下，新建node_global和node_cache兩個文件夾

 

 

2、設置緩存文件夾

1
npm config  set  cache  "D:\vueProject\nodejs\node_cache"

設置全局模塊存放路徑

1
npm config  set  prefix  "D:\vueProject\nodejs\node_global"

設置成功后，之后用命令npm install XXX -g安裝以后模塊就在D:\vueProject\nodejs\node_global里

三、基於 Node.js 安裝cnpm（淘寶鏡像）

1
npm install  - g cnpm  - - registry = https: / / registry.npm.taobao.org

四、設置環境變量（非常重要）

說明：設置環境變量可以使得住任意目錄下都可以使用cnpm、vue等命令，而不需要輸入全路徑
1、鼠標右鍵"此電腦"，選擇“屬性”菜單，在彈出的“系統”對話框中左側選擇“高級系統設置”，彈出“系統屬性”對話框。
2、修改系統變量PATH

 

3、新增系統變量NODE_PATH

五、安裝Vue

1
cnpm install vue  - g

六、安裝vue命令行工具，即vue-cli 腳手架

1
cnpm install vue - cli  - g

 七、新項目的創建

1.打開存放新建項目的文件夾

打開開始菜單，輸入 CMD，或使用快捷鍵 win+R，輸入 CMD，敲回車，彈出命令提示符。打開你將要新建的項目目錄

2.根據模版創建新項目

在當前目錄下輸入“vue init webpack 項目名稱（使用英文）”。

1
vue init webpack mytest

初始化完成后的項目目錄結構如下：

3、安裝工程依賴模塊

定位到mytest的工程目錄下，安裝該工程依賴的模塊，這些模塊將被安裝在：mytest\node_module目錄下，node_module文件夾會被新建，而且根據package.json的配置下載該項目的modules

1
cd  mytest
1
cnpm  install

4、運行該項目，測試一下該項目是否能夠正常工作，這種方式是用nodejs來啟動。

1
cnpm run dev