首先要使用的工具為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頁面

點選執行,由於上方程式碼會在控制檯上輸出一段連結,然後我們直接點選即可

效果如下: