1.5 Node.js开发平台WebStorm配置
前文介绍的Sublime Text 3其实是一款轻量级的代码编辑器，如果读者打算选择一款平台级别的开发工具，这里推荐大家使用jetBrains公司的WebStorm软件。WebStorm是JavaScript集成开发平台中针对性最强、功能最完善且简单易学的一款重量级开发平台，因其具有强大的代码管理和调试功能，所以非常适合开发大型的Web项目。下面我们简单介绍一下WebStorm的配置及使用过程。
首先，读者可以从jetBrains的官方网址（http://www.jetbrains.com/）下载WebStorm的试用版（30-day），具体下载页面如图1.16所示。
如图1.16中的箭头和标识所示，默认下载了最新版的WebStorm 2018.3.5安装包。软件的安装过程很简单，安装成功后双击桌面上的“WebStorm 2018”快捷图标，就可以打开WebStorm平台，具体界面如图1.17所示。
图1.16 jetBrains WebStorm官方下载页面
图1.17 WebStorm平台操作界面
如图1.17中的标识所示，WebStorm操作界面主要包括“工程项目目录”窗口、“代码文件”窗口和“运行、调试和控制台输出”窗口等。下面我们通过一个简单的代码实例介绍如何使用WebStorm开发Node程序。
首先，在“工程项目目录窗口”中通过右键打开新建文件菜单，然后选择新建JavaScript文件菜单项，就会打开如图1.18所示的新建窗口。
如图1.18中的标识所示，输入新建的JavaScript文件名后，继续单击OK按钮就可以了。下面我们通过一个简单的Node程序代码实例进行操作演示。
图1.18 WebStorm平台操作（新建JavaScript文件）
【代码1-1】（详见源代码目录ch01-node-hello.js文件）
【代码分析】
• 这段代码实现了一个基本的Node服务器程序。
• 第04行代码通过require指令引入了“http”模块。
• 第08～11行代码通过createServer()方法创建了一个Node服务器实例，然后通过response参数向浏览器中输出文本内容。
• 第12行代码通过console.log()方法向控制台中输出了日志信息。
然后，通过单击菜单栏中的“运行（Run）”或“调试（Debug）”命令按钮，就可以通过运行方式或调试方式执行该Node程序，具体如图1.19所示。
图1.19 WebStorm平台操作（运行Node程序）
Node程序运行后，就可以在“运行、调试和控制台输出”中查看输出的日志信息，如图1.20所示。
图1.20 WebStorm平台操作（查看输出的日志信息）
由于本例Node代码实现的是一个简单的服务器，因此需要先通过Node命令运行该程序，才可以在浏览器地址栏中通过输入定义好的服务器地址（http://127.0.0.1:3000/）打开页面进行测试，如图1.21和图1.22所示。
图1.21 WebStorm平台操作（运行Node程序）
图1.22 WebStorm平台操作（浏览器测试）
以上就是通过WebStorm开发平台的配置及使用Node程序的基本过程。