npm webstorm配置_WebStorm安裝、配置node.js（Windows）

WebStorm安裝、配置node.js(Windows)

一.node

1、下載下傳安裝包

步驟 1 : 輕按兩下安裝包 ，如下：

步驟 2 : 點選Run，如下：

步驟 3 : 勾選I accept，點選 next :

步驟 4 : Node.js，路徑可以修改，點選next：

步驟 5 : 選擇你需要的安裝模式(建議第四個-Add to PATH), 點選next：

步驟 6 :點選 Install開始安裝Node.js。點選 next：

安裝過程：

點選 Finish退出安裝向導。

二.WebStrom

1、下載下傳安裝包

2、安裝步驟：

步驟1：點選next：

步驟2：選擇安裝路徑，點選next：

步驟3：根據自己電腦，選擇32位還是64位(一般都是64位)，勾選.js、.css、.html，并點選next：

步驟4：安裝過程

步驟5：點選finish

步驟7：建立一個項目(路徑自己定)

步驟8：配置

1)字型顔色：點選settings--Editor--Colors&Fonts，在Scheme中選擇自己喜歡的背景，我選的Darcula

2)字型大小

Settings--Editor--Colors&Fonts--Font中，Size裡設定

三.WebStrom中配置node

1.找到node.exe的安裝路徑

2.Settings--Languages&Frameworks--Node.js and NPM,然後選擇node.exe的路徑

四、檢查是否安裝成功

1.cmd指令輸入node -v，出現版本，則安裝成功

五、若用Git管理

1.找到git.exe的安裝路徑

2.Settings--VerSion Control--Git,然後選擇git.exe的路徑

六、若用Webpack打包

1.在WebStrom的控制台Terminal上面輸入：npm install [email protected] -g

2.輸入webpack --w若報錯“Error:...env......”，輸入：npm install

3.若代碼大批量報紅色浪線，Settings--Languages&Frameworks--JavaScript,然後選擇React JSX

4.再次webpack --w，則成功安裝webpack打包