在开发网页时，我们常常需要通过命令行来处理html文件。严格来说，命令行本身只是一个文本交互环境，不能直接显示网页内容，但我们可以用它启动本地服务器，或者调用系统浏览器打开html文件，从而实现运行和预览的效果。
为什么要用命令行运行html
使用命令行运行html主要有以下好处：
- 不依赖大型IDE，轻量快捷
- 方便在远程服务器或无界面系统中调试
- 能模拟真实服务器环境，测试接口和路径
方法一：用Python启动本地服务器
大多数系统自带Python，我们可以用它快速开启一个本地http服务，然后在浏览器访问html页面。
Windows、macOS和Linux通用步骤
进入html文件所在目录，执行下面命令：
# 进入项目目录 cd /path/to/your/html_folder # Python 3 启动简易服务器 python3 -m http.server 8000
接着在浏览器输入 http://127.0.0.1:8000/ 即可看到页面。如果文件名是 index.html，会自动加载。
方法二：直接用命令行调用浏览器打开
如果不想开服务器，也可以让命令行直接唤起默认浏览器打开本地html文件。
不同系统的打开命令
| 系统 | 命令示例 |
|---|---|
| Windows | start example.html |
| macOS | open example.html |
| Linux | xdg-open example.html |
注意这里的 example.html 要换成你的真实文件名，且路径正确。
方法三：在Node环境用脚本运行
如果你用Node.js开发，可以写一个小脚本启动服务。
// 使用node内置http模块服务html
const http = require('http');
const fs = require('fs');
const server = http.createServer((req, res) => {
fs.readFile('index.html', (err, data) => {
if (err) {
res.writeHead(404);
res.end('Not found');
return;
}
res.writeHead(200, {'Content-Type': 'text/html'});
res.end(data);
});
});
server.listen(3000, () => {
console.log('服务运行在 http://127.0.0.1:3000');
});
保存为 server.js 后，命令行执行 node server.js 即可。
常见注意事项
- html中的标签如 <script> 和 <link> 引用路径要写对
- 命令行里调用 open() 是系统命令，不是html里的 <input> 标签
- 如果端口被占，可以换一个如 8080
命令行运行html核心就是借助服务器或浏览器命令，选一种适合你系统的方式即可。