1.5　Node.js開發(fā)平臺(tái)WebStorm配置

前文介紹的Sublime Text 3其實(shí)是一款輕量級(jí)的代碼編輯器，如果讀者打算選擇一款平臺(tái)級(jí)別的開發(fā)工具，這里推薦大家使用jetBrains公司的WebStorm軟件。WebStorm是JavaScript集成開發(fā)平臺(tái)中針對(duì)性最強(qiáng)、功能最完善且簡(jiǎn)單易學(xué)的一款重量級(jí)開發(fā)平臺(tái)，因其具有強(qiáng)大的代碼管理和調(diào)試功能，所以非常適合開發(fā)大型的Web項(xiàng)目。下面我們簡(jiǎn)單介紹一下WebStorm的配置及使用過程。

首先，讀者可以從jetBrains的官方網(wǎng)址（http://www.jetbrains.com/）下載WebStorm的試用版（30-day），具體下載頁(yè)面如圖1.16所示。

如圖1.16中的箭頭和標(biāo)識(shí)所示，默認(rèn)下載了最新版的WebStorm 2018.3.5安裝包。軟件的安裝過程很簡(jiǎn)單，安裝成功后雙擊桌面上的“WebStorm 2018”快捷圖標(biāo)，就可以打開WebStorm平臺(tái)，具體界面如圖1.17所示。

如圖1.17中的標(biāo)識(shí)所示，WebStorm操作界面主要包括“工程項(xiàng)目目錄”窗口、“代碼文件”窗口和“運(yùn)行、調(diào)試和控制臺(tái)輸出”窗口等。下面我們通過一個(gè)簡(jiǎn)單的代碼實(shí)例介紹如何使用WebStorm開發(fā)Node程序。

首先，在“工程項(xiàng)目目錄窗口”中通過右鍵打開新建文件菜單，然后選擇新建JavaScript文件菜單項(xiàng)，就會(huì)打開如圖1.18所示的新建窗口。

如圖1.18中的標(biāo)識(shí)所示，輸入新建的JavaScript文件名后，繼續(xù)單擊OK按鈕就可以了。下面我們通過一個(gè)簡(jiǎn)單的Node程序代碼實(shí)例進(jìn)行操作演示。

【代碼1-1】（詳見源代碼目錄ch01-node-hello.js文件）

【代碼分析】

?　這段代碼實(shí)現(xiàn)了一個(gè)基本的Node服務(wù)器程序。

?　第04行代碼通過require指令引入了“http”模塊。

?　第08～11行代碼通過createServer()方法創(chuàng)建了一個(gè)Node服務(wù)器實(shí)例，然后通過response參數(shù)向?yàn)g覽器中輸出文本內(nèi)容。

?　第12行代碼通過console.log()方法向控制臺(tái)中輸出了日志信息。

然后，通過單擊菜單欄中的“運(yùn)行（Run）”或“調(diào)試（Debug）”命令按鈕，就可以通過運(yùn)行方式或調(diào)試方式執(zhí)行該Node程序，具體如圖1.19所示。

Node程序運(yùn)行后，就可以在“運(yùn)行、調(diào)試和控制臺(tái)輸出”中查看輸出的日志信息，如圖1.20所示。

由于本例Node代碼實(shí)現(xiàn)的是一個(gè)簡(jiǎn)單的服務(wù)器，因此需要先通過Node命令運(yùn)行該程序，才可以在瀏覽器地址欄中通過輸入定義好的服務(wù)器地址（http://127.0.0.1:3000/）打開頁(yè)面進(jìn)行測(cè)試，如圖1.21和圖1.22所示。

以上就是通過WebStorm開發(fā)平臺(tái)的配置及使用Node程序的基本過程。