双击HTML文件即可用浏览器运行，无需额外软件；保存为.html后缀后，可通过双击、右键打开或拖入浏览器方式访问，推荐使用VS Code的Live Server插件实现保存自动刷新，或通过npx http-server、python -m http.server命令启动本地服务，避免file://协议限制，提升开发体验。
直接双击 HTML 文件就能运行，不需要安装额外软件，这是最简单的方法。
用浏览器打开 HTML 文件
写完 HTML 代码后，保存为 .html 或 .htm 后缀的文件（比如 index.html），然后：
- 在文件管理器中找到它，双击即可用默认浏览器打开
- 右键 → “打开方式” → 选择 Chrome / Edge / Firefox 等任意浏览器
- 拖拽文件到浏览器窗口里松开，也能立即加载显示
用编辑器内置预览功能（更方便改代码）
很多现代代码编辑器自带实时预览，边写边看效果：
- VS Code：安装插件如 “Live Server”，右键 HTML 文件 → “Open with Live Server”，自动启动本地服务并打开页面，保存后自动刷新
- Sublime Text / Atom：也有类似插件，搜索 “preview” 或 “server” 即可安装
- 注意：这类方式会起一个本地服务器（如
http://127.0.0.1:5500），比双击打开（file://协议）更接近真实环境，适合用到图片、AJAX、模块等场景
命令行快速启动本地服务（适合进阶或调试）
如果已安装 Node.js，可以一行命令启动简易服务器：
立即学习“前端免费学习笔记（深入）”；
- 终端进入 HTML 所在文件夹，运行：
npx http-server（需先npm install -g http-server） - 或用 Python（系统自带）：
python3 -m http.server 8000（Mac/Linux）或python -m http.server 8000（Windows） - 然后浏览器访问
http://localhost:8000，找到并点击你的 HTML 文件
常见问题提醒
运行不成功？先检查这几个地方：
- 文件后缀是不是 .html（不是 .txt、.py 或没后缀）
- 代码里有没有漏写
、等基础结构（浏览器能容错，但建议写完整） - 双击打开时地址栏是不是以
file://开头？部分功能（如 fetch、某些图片路径）在这种协议下受限，换用 Live Server 或 http-server 就好了 - 浏览器缓存旧版本？按 Ctrl + F5（Windows）或 Cmd + Shift + R（Mac）强制刷新
基本上就这些。不用装复杂工具，从双击开始，再慢慢用上 Live Server，开发体验会顺很多。
