一、安裝node.js

官網：https://nodejs.org/en/download/

歷史版本：https://nodejs.org/en/download/releases/

下載完畢後，可以安裝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

四、設定環境變數（非常重要）

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/zhaomeizi/p/8483597.html