使用Node.js运行HTML文件需搭建本地服务器，可通过三种方式实现：一、利用内置http模块创建服务器，引入http和fs模块读取index.html并监听3000端口；二、使用Express框架，初始化项目后安装express，通过express.static中间件托管public目录下的HTML文件；三、借助VS Code的Live Server扩展，右键HTML文件选择“Open with Live Server”实现自动刷新预览，适用于开发调试。
如果您在开发Web应用时希望使用Node.js来运行HTML文件，那么需要通过搭建一个本地服务器来实现HTML页面的访问。以下是几种常见的实现方法：
一、使用内置http模块创建服务器
Node.js提供了内置的http模块，可以用来创建一个基础的HTTP服务器，用于响应客户端对HTML文件的请求。这种方式无需安装额外依赖，适合学习和简单项目。
1、在项目根目录下创建一个名为server.js的文件。
2、在该文件中引入http和fs（文件系统）模块，读取本地HTML文件内容并返回给客户端。
立即学习“前端免费学习笔记（深入）”；
3、编写如下代码示例：
const http = require('http');
const fs = require('fs');
http.createServer((req, res) => {
fs.readFile('index.html', (err, data) => {
if (err) {
res.writeHead(404);
res.end('页面未找到');
} else {
res.writeHead(200, { 'Content-Type': 'text/html' });
res.end(data);
}
});
}).listen(3000);
console.log('服务器运行在 http://localhost:3000');
4、确保同级目录下存在index.html文件。
5、在终端执行node server.js启动服务，并在浏览器访问http://localhost:3000查看效果。
二、使用Express框架托管静态HTML
Express是一个轻量级的Node.js Web应用框架，能够快速配置静态文件服务，非常适合用于运行HTML页面。
1、初始化项目并安装Express：运行命令npm init -y后执行npm install express。
2、创建app.js文件，并导入Express模块。
3、使用express.static中间件指定存放HTML文件的目录，例如public文件夹。
4、编写如下代码：
const express = require('express');
const app = express();
app.use(express.static('public'));
app.listen(3000, () => {
console.log('服务器已启动，端口3000');
});
5、将HTML文件放入public目录中，如public/index.html。
6、运行node app.js，然后在浏览器中打开http://localhost:3000即可访问页面。
三、使用Live Server扩展辅助调试
虽然Live Server本身不是Node.js运行环境的一部分，但它基于Node.js生态构建，可用于快速预览HTML文件，常用于开发阶段。
1、在VS Code中安装“Live Server”扩展插件。
2、右键点击HTML文件，选择“Open with Live Server”。
3、插件会自动启动一个本地服务器并打开默认浏览器显示页面。
4、每次保存HTML文件时，页面会自动刷新，提升开发效率。
注意：此方式主要用于前端调试，不适用于部署生产环境。
