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


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 : 雙擊安裝包 ,如下:

install-node-msi-version-on-windows-step1

步驟 2 : 點擊Run,如下:

install-node-msi-version-on-windows-step2

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

install-node-msi-version-on-windows-step3

步驟 4 : Node.js,路徑可以修改,點擊next:

install-node-msi-version-on-windows-step4

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

install-node-msi-version-on-windows-step5

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

install-node-msi-version-on-windows-step6

安裝過程:

install-node-msi-version-on-windows-step7

點擊 Finish退出安裝向導。

install-node-msi-version-on-windows-step8

 

 

二.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打包

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM