首先要使用的工具为idea,当然你用它的"儿子" WebStorm 也可以,创建node项目图解:
然后选择项目名和版本,
在这一步之前需要先在电脑上安装好Node,
然后在这个项目中新建一个js,代码为:
var http = require('http');
var fs = require('fs');
var url = require('url');
// 创建服务器
http.createServer( function (request, response) {
// 解析请求,包括文件名
var pathname = url.parse(request.url).pathname;
// 输出请求的文件名
console.log("Request for " + pathname + " received.");
// 从文件系统中读取请求的文件内容
fs.readFile(pathname.substr(1), function (err, data) {
if (err) {
console.log(err);
// HTTP 状态码: 404 : NOT FOUND
// Content Type: text/plain
response.writeHead(404, {'Content-Type': 'text/html; charset=utf-8'});
}else{
// HTTP 状态码: 200 : OK
// Content Type: text/plain
response.writeHead(200, {'Content-Type': 'text/html; charset=utf-8'});
// 响应文件内容
response.write(data.toString());
}
// 发送响应数据
response.end();
});
}).listen(8080);
// 控制台会输出以下信息
console.log('Server running at http://127.0.0.1:8080/webServer/index.html');
点击工具栏:
将这个路径改为你刚刚新建的js文件,然后点击ok
之后再新建一个html页面
点击运行,由于上方代码会在控制台上输出一段链接,然后我们直接点击即可
效果如下: