WebStorm是做爲JS開發IDE存在的,而且支持流行的Node.js以及JQuery等js框架。而Node.js簡單說就是一個JS類庫而且配備有Google的V8 js引擎來解析和執行js腳本。html
那WebStorm+Node.js這樣一個組合,用來開發基於Node.js平臺的應用是最方便不過的了,而且能夠知道WebStorm這個IDE環境對js的支持是灰常強大的,有智能提示、斷點調試、查看源碼等等功能。node
相似其餘開發環境的搭建,下面簡要說一下如何搭建一個開發環境並完成一個Demo實例。web
1.根據我的狀況下載不一樣版本的安裝包,並安裝好Node.js環境。安裝步驟很簡單,不須要配置和修改什麼,一切都走默認路線便可。框架
2.在安裝完Node.js並無什麼異常提示以後,在cmd下敲入 node 命令,測試一下,看看node.js是否安裝成功。webstorm
3.安裝WebStorm軟件(要先下載哦),安裝成功以後,須要在其中配置一下Node.js:以下圖測試
1)點擊 [JS] 圖標,在彈出的配置框中默認檢索到本地安裝的Node.js,也可手動選擇到相應的文件目錄下。spa
2)Sources of Node.js Core Modules: 指的是配置源文件路徑,把Node.js源碼解壓後的路徑配置到此便可。命令行
4.接下來,咱們能夠new project,建立一個HelloWorld Demo。在HelloWorld.js中輸出一個「HelloWorld」便可(console.log("Hello World")。調試
5.準備好js文件以後,須要再config 一下,才能出現咱們在Eclipse中開發Java Project 時常見的綠色倒三角按鈕。orm
這樣配置以後,點擊綠色按鈕,就會調用node 命令行來解析當前project的主文件。
能夠在IDE下側的Console tab中看到 輸出結果:
"C:\Program Files\nodejs\node.exe" HelloWorld.js
Hello World
到這裏,WebStorm+Node.js的開發環境就算搭建成功了。