1.下載Node.js（自帶npm）
打開官網下載鏈接:https://nodejs.org/en/download/

避坑指南:
這里一定要注意不要點擊current去找那個最新版本，不然在后面配置的過程中很可能會炸，那個是17版本，下載LTS下的16版本完全夠用，不用追求最新。要不然在后面卸載nodejs巨難受，踩坑親身經歷。
安裝nodejs的過程這里不予給出，挺簡單的自己設置一個安裝路徑，剩下的一路next下去就可以。
2.在nodejs路徑下新建兩個文件夾node_cache和node_global.如下:

3.設置nodejs prefix（全局）和cache（緩存）路徑

打開cmd指令，win+R
輸入如下指令:
a.設置緩存文件夾
npm config set cache “C:\Program Files\nodejs\node_cache”
b.設置全局模塊存放路徑
npm config set prefix “C:\Program Files\nodejs\node_globe”
自己根據自己的下載路徑改改后面的，這里為了方便，我直接下到了C盤，大家可以選擇其他盤塊。

4,設置環境變量(important，很重要，要仔細一點，網上關于這方面的教程各有千秋，可以試試我這種，找了很多，這一種親測可行，如果不行的話也可以自己找一找其他的)。
a.系統變量
NODE_PATH
新建一個NODE_PATH，變量值根據自己的自己配一下。

Path
編輯Path，新增如下兩個環境變量，其中一個可能配置完上一個就會自動生成。這一步的配置網上偏于多樣化，可以多多參考。

b.用戶變量
path編輯，新增
%NODE_PATH%\node_global

5.簡單測試
node -v
npm -v

6.安裝淘寶鏡像（類似于阿里云的maven中央倉庫鏡像）
安裝命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org

驗證命令：cnpm -v

敲重點:從第六步開始（包括第六步），就要關閉cmd，以管理員方式運行cmd窗口了，否則后續指令是行不通的，這是當初踩坑后花了半個多小時才找到命令運行失敗的原因，愿諸君避開此坑。

7.安裝webpack
命令行語句為 cnpm install webpack -g

8.安裝Vue
cnpm install vue -g

9.安裝vue命令行工具，即vue-cli 腳手架
cnpm install vue-cli -g

10.檢測是否安裝成功
node -v
npm -v
webpack -v
vue -V
這里注意如果webpack -v出現如下:

不用管，直接回車，然后執行如下指令。
npm install webpack-cli -g

11.下載安裝git

安不安裝不影響其實，看實際需求吧，自己開發的話，有上面那一個作為調試已經是夠用了，如果是團隊合作開發的話，可以考慮下一個。

官網：https://git-scm.com/
三方：https://pc.qq.com/detail/13/detail_22693.html
這里建議使用第三方，官網好像要翻墻，這玩意真是有毒。

到這里，就要和各位說再見了，配置圓滿完成，對于webstorm的使用，如果后續有時間的話，會進行更新。

努力一定有回報，諸君晚愉。

漸行漸遠的只有背影，能夠留下的皆是時光。

總結

以上是生活随笔為你收集整理的webstorm使用前的准备——Node.js安装及配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。