WebStorm安裝、配置node.js（Windows）

WebStorm安裝、配置node.js（Windows）

一.node

一、下載安裝包

32 位 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

步驟 1 : 雙擊安裝包 ，以下：

步驟 2 : 點擊Run，以下：

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

步驟 4 : Node.js，路徑能夠修改，點擊next：

步驟 5 : 選擇你須要的安裝模式（建議第四個-Add to PATH）, 點擊next：

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

安裝過程：

點擊 Finish退出安裝嚮導。

 

 

二.WebStrom

 一、下載安裝包

地址:http://www.jetbrains.com/webstorm/

 

 

二、安裝步驟：

步驟1：點擊next：

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

 步驟3：根據本身電腦，選擇32位仍是64位（通常都是64位），勾選.js、.css、.html，並點擊next：

 步驟4：安裝過程

 步驟5：點擊finish

步驟6：點擊OK，打開軟件（會要求你激活，若是不激活只有30天無償使用，激活碼可參考: http://blog.csdn.net/xx1710/article/details/51725012）

 步驟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的路徑

 

4、檢查是否安裝成功

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

 

5、若用Git管理

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

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

 

6、若用Webpack打包

1.在WebStrom的控制檯Terminal上面輸入：npm install webpack@3.7.1 -g

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

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

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