一：安裝環境
1.本機系統：win10家庭中文版
2.node.js版本：node-v10.14.2-x64.msi
二：下載node.js
下載你自己電腦系統對應的node.js
1.下載地址：https://nodejs.org/en/download/
三：開始安裝
1.下載完成後，直接雙擊你下載的文件安裝
點擊Next
勾選紅框處，點擊Next
更改安裝目錄，默認是在C盤，建議換其它盤安裝
直接Next
點擊Install
點擊Finish，這樣就安裝完成了
輸入cmd打開命令行，在命令行輸入node -v和npm -v查看是否安裝成功,出現版本號即安裝成功
這樣就安裝好了了，安裝完後的目錄如下圖所示
此處說明下：新版的Node.js已自帶npm，安裝Node.js時會一起安裝npm，npm的作用就是對Node.js依賴的包進行管理，也可以理解爲用來安裝/卸載Node.js需要裝的東西
四：環境配置
在安裝node.js的目錄下，創建兩個空文件夾node_cache和node_global
這裏的環境配置主要配置的是npm安裝的全局模塊所在的路徑，以及緩存cache的路徑，之所以要配置，是因爲以後在執行類似：npm install express [-g] （後面的可選參數-g，g代表global全局安裝的意思）的安裝語句時，會將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中，佔C盤空間。
但是我希望將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中，則在我安裝的文件夾下創建兩個文件夾【node_global】及【node_cache】如下圖
創建完兩個空文件夾之後，打開cmd命令行窗口，輸入
npm config set prefix "D:\node.js\node_cache" （雙引號中爲你創建的node_cache空文件夾的路徑）
npm config set cache "D:\node.js\node_global" （雙引號中爲你創建的node_global空文件夾的路徑）
接下來設置環境變量，關閉cmd窗口，“我的電腦”-右鍵-“屬性”-“高級系統設置”-“高級”-“環境變量”
進入環境變量對話框，在【系統變量】下新建【NODE_PATH】，輸入D:\node.js\node_global\node_modules(注意D:\node.js要改爲你自己的node.js安裝目錄，後面不變)，將【用戶變量】下的【Path】修改爲D:\node.js\node_global(注意D:\node.js要改爲你自己的node.js安裝目錄，後面不變)
接下來設置用戶變量
將最下面一行改爲你的node.js安裝目錄下的node_global路徑
五：測試
配置完後，安裝個module測試下，我們就安裝最常用的express模塊，打開cmd窗口，
輸入如下命令進行模塊的全局安裝：
npm install express -g (-g是全局安裝的意思)
安裝完成後，你可以打開之前在node.js目錄下創建的空文件夾node_global，打開後會發現文件夾之前是一個空文件夾，現在出現了一些文件，說明成功了
至此我們就完成了node.js的安裝
六：安裝npm淘寶鏡像
由於npm是國外的，使用起來比較慢，我們這裏使用淘寶的cnpm鏡像來安裝vue，淘寶的cnpm命令管理工具可以代替默認的npm管理工具
網上很多方式都是通過命令行運行"npm install -g cnpm --registry=https://registry.npm.taobao.org"這種方式，在這裏我不建議這樣
可以通過修改node.js配置文件的方式來使用淘寶鏡像
找到node.js安裝目錄下的這個文件文件，並用一種文本編輯器(推薦用notepad++)打開
打開後如下圖
此時你打開一個命令行窗口，輸入命令 npm config get registry 來查看鏡像，查看完不要關掉命令行窗口，方便對比
這個鏡像不是淘寶鏡像，然後在剛纔用文本編輯器打開的文件中加入 registry = https://registry.npm.taobao.org
然後繼續在剛纔打開的命令行窗口中，繼續輸入npm config get registry來查看鏡像，作下對比
這個時候會發現鏡像已經變成了淘寶的鏡像了，這樣就完成了鏡像的改變
七：安裝全局vue-cli腳手架
打開命令行輸入 npm install --global vue-cli
打開如下圖目錄，有vue文件，即安裝腳手架成功
八：新建一個VUE項目測試
在D盤（不是C盤都可以，避免佔用C盤空間）打開命令行，輸入vue init webpack my-project-first （my-project-first爲項目名，可自定義）,然後一直回車（按慢點，避免多按），直到出現Install vue-router
Install vue-router輸入Y，後面的都選擇n ，最後一個選擇npm即可,然後等待完成即可
完成後會發現D盤多了一個文件my-project-first
然後進入到這個文件中打開命令行窗口，輸入npm install 下載依賴
下載完成後，輸入命令npm run dev 出現如下圖界面，即可訪問
但是有時候會出現error報錯，這個時候不要緊，輸入npm i prettier@~1.12.0 完成後，重新輸入npm install和npm run dev即可
我們訪問項目試試，在遊覽器輸入localhost:8080，能出現如下界面的話，那麼vue的運行環境就搭建成功了
至此，vue的環境配置都完成了，可以開始vue的開發之旅了