WebStorm安裝、配置node.js(Windows)
一.node
1、下載安裝包
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
1、下載安裝包
地址:http://www.jetbrains.com/webstorm/

2、安裝步驟:
步驟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的路徑

四、檢查是否安裝成功
1.cmd命令輸入node -v,出現版本,則安裝成功
五、若用Git管理
1.找到git.exe的安裝路徑
2.Settings--VerSion Control--Git,然后選擇git.exe的路徑

六、若用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打包

