Windows 下 前端node環境搭建全過程 nodejs -> @vue/cli 

點選系統對應位數版本進行下載。

2. 下載完畢進行解壓

解壓完畢是這種樣子的

4. 將上圖資料夾中的 “node-v8.11.4-win-x64” 資料夾進行剪下， 然後在非C盤建立一個資料夾用來安裝開發軟體使用。

如下圖, 由於本人使用的虛擬機器進行演示，只有一個盤，所以請忽略分盤

5. 設定環境變數， 右鍵我的電腦 = 屬性= 高階系統設定=彈出視窗選擇點選環境變數=在下邊的選擇框按鈕出選擇新建，然後將你解壓的nodejs資料夾路徑進行復制貼上到變數值處， 變數名可以叫NODE_HOME 如下圖所示：

6. 將剛建立的 NODE_HOME 加入到系統path;

7. 測試nodejs 環境變數 按住shift鍵 再滑鼠右鍵彈出選單中選擇開啟一個命令列視窗如下圖進行操作測試；

node -v

npm -v

8.  註冊npm淘寶映象，使npm安裝依賴加速，檢視配置命令是 npm config list , 輸入這個命令可以看到預設使用的是 metrics-registry = "https://registry.npmjs.org/" 映象地址，國內訪問不理想, 如圖

npm config list

將其修改為淘寶映象 輸入命令

npm config set registry https://registry.npm.taobao.org
 

node環境配置完成

npm install -g @vue/cli

等待安裝完成, 安裝完成後如下：

輸入vue -V 大寫V

vue -V
也可以下面的命令開啟vue UI介面
vue ui 

10. 破解webstorm 並設定

破解外掛下載 對應最新2018.2.1

下載地址

 密碼：088w

更新(

      注意如果上面百度網盤下載的外掛無法破解，請下載最新的外掛:

)

將下載好的兩個jar包複製到webstorm安裝某個目錄下 我直接放到bin目錄下的

如圖修改webstorm.exe.vmoptions 和 webstorm64.exe.vmoptions 兩個檔案內容新增一行引數

-javaagent:C:/Development/WebStorm 2018.2.1/bin/JetbrainsCrack-3.1-release-enc.jar

注意將反斜槓改成斜槓儲存

在webstorm bin目錄下按住shift鍵 右鍵選擇開啟命令列 輸入

 ..\jre64\bin\java -jar .\JetbrainsPatchKeygen-1.2.1.jar

選擇 3.webstorm 隨意輸入一個username 回車

進行一些設定

設定js 的 es6以上語法支援