html无需编译，双击打开会因file://协议导致跨域、api不支持及路径错误；推荐用live server插件启http服务，或用python/node命令行起服务器。
VS Code 里 HTML 文件根本不需要“编译”
HTML 不是编译型语言，vscode 本身也不带 HTML 编译器——所谓“编译运行”，其实是启动一个本地服务器或直接用浏览器打开文件。很多人卡在这一步，是因为误以为要像 gcc 或 tsc 那样先生成产物。
直接双击打开 HTML 的坑在哪
用文件管理器双击 index.html，浏览器会以 file:// 协议加载。这时：
• fetch() 请求本地 JSON 文件会触发跨域错误（net::ERR_FILE_SYSTEM_ACCESS_DENIED）
• 某些现代 API（如 ServiceWorker）不支持 file://
• 相对路径在嵌套子目录中容易错乱（比如 ./assets/style.css 在子页面可能找不到）
推荐：用 Live Server 插件起本地 HTTP 服务
这是最轻量、最贴近真实部署环境的方式：
- 在 VS Code 扩展市场搜
Live Server，安装并重启 - 右键
index.html→Open with Live Server - 它会自动：
• 启动一个http://127.0.0.1:5500服务
• 打开默认浏览器并加载该页
• 保存文件后自动刷新（无需手动 F5） - 注意：
Live Server默认根目录是当前工作区，不是 HTML 文件所在目录；如果项目结构复杂（比如 HTML 在dist/下），建议用命令面板（Ctrl+Shift+P）运行Live Server: Change Settings调整liveServer.settings.root
不想装插件？用 Python 或 Node 快速起服务
适合临时验证或 CI 场景，也避开了插件依赖：
立即学习“前端免费学习笔记（深入）”；
- Python 3 内置：终端进项目根目录，运行
python3 -m http.server 8000，然后访问http://localhost:8000/index.html - Node.js（需已装）：运行
npx http-server -p 8000（需先npm install -g http-server） - 两者都绕过
file://限制，但不带热重载——改完 HTML 得手动刷新 - Windows 用户若没配好
python命令，优先用python3；Mac/Linux 确认python3 --version可用再执行
真正麻烦的从来不是“怎么跑起来”，而是忘了 HTTP 和 file:// 的行为差异——尤其当你加了 fetch('./data.json') 或用了 import 语法时，不走服务器基本就卡死。
