2.1　使用WebStorm创建第一个Node.js程序

【例2.1】经典的Hello World程序。（实例位置：资源包\源码\02\01）

使用WebStorm创建Node.js程序的步骤如下。

（1）在WebStrom的欢迎对话框中，单击左侧的Projects，然后单击右侧的New Project按钮，如图2.1所示。

（2）弹出New Project对话框，该对话框的左侧显示的是可以创建的项目类型，右侧是关于项目的一些配置信息，这里选择左侧的Node.js，然后在右侧的Location文本框中输入或者选择项目的位置，单击Create按钮，如图2.2所示。

图2.1　WebStrom欢迎对话框

图2.2　New Project对话框

注意

在创建Node.js项目时，设置的Location目录中不能含有大写字母，否则会出现错误提示，并且Create按钮不可用，如图2.3所示。

图2.3　Location目录中含有大写字母时的错误提示

（3）创建完的Node.js项目如图2.4所示，该项目中默认包含一个package.json项目描述文件，以及Node.js依赖包。

图2.4　默认创建完的Node.js项目

（4）在创建的Node.js项目的左侧目录结构中单击鼠标右键，在弹出的快捷菜单中选择New→JavaScript File命令，如图2.5所示。

图2.5　选择New→JavaScript File命令

（5）弹出New JavaScript file对话框，在该对话框中输入文件名，这里输入index，按Enter键即可，如图2.6所示。

图2.6　New JavaScript file对话框

（6）在创建的index.js文件中输入以下代码：

//加载http模块
var http = require('http');
console.log("请打开浏览器，输入地址 http://127.0.0.1:3000/");
//创建http服务器，监听网址127.0.0.1 端口号3000
http.createServer(function(req, res) {
     res.end('Hello World!');
     console.log("right");
}).listen(3000,'127.0.0.1');

上面的代码中，第2行用来加载http模块，在Node.js程序中，要使用哪个模块，就使用require加载该模块；第3行用来在控制台中输出日志提示，其中console是Node.js中的控制台类，其log方法用来输出日志；第5行的http.createServer用来创建一个http服务器，该方法中定义了一个JavaScript函数，用来处理网页请求和响应，其中有两个参数，req表示请求，res表示响应，该函数中使用res.end方法在页面上输出要显示的文字信息，并使用console.log方法在控制台中输出日志提示；最后一行的listen方法用来设置要监听的网址以及端口号。

输入完成的效果如图2.7所示。

图2.7　在index.js文件中输入代码