Sublime Text 无法直接运行 HTML，需通过浏览器打开本地文件或启动本地服务器预览；推荐使用 Open in Browser 插件一键预览静态页面，若含 fetch/API 则必须用 http:// 协议启动本地服务器。
Sublime Text 本身不带网页运行功能，不能直接“运行 HTML”——它只是编辑器，不是浏览器或服务器。要预览 HTML，本质是让浏览器打开本地文件或通过本地服务器加载，关键在于路径正确、协议合规、编码无误。
为什么用 Ctrl+B 或菜单“Build”无法直接预览 HTML？
因为 Sublime 默认没有为 .html 文件配置 build system；即使手动写一个，build system 本质是执行命令行指令，而浏览器不能靠“编译”启动，只能靠打开文件（file://）或请求地址（http://）。
- 试图用
build system直接调用chrome index.html在 Windows 可能临时生效，但 macOS/Linux 路径空格、URL 编码、多实例行为不可控 - 用
file://协议打开本地 HTML 时，fetch()、XMLHttpRequest、import等会因跨域被浏览器拦截——这是最常被忽略的坑 - 双击 HTML 文件也能打开，但 Sublime 无法自动触发，也不支持热重载
推荐方案：用 Open in Browser 插件（轻量、跨平台、免配置）
这是最接近“一键预览”的做法，不启动服务器，只做路径解析和浏览器唤起，适合静态页面快速验证。
- 安装方式：按
Ctrl+Shift+P→ 输入Package Control: Install Package→ 搜索并安装Open in Browser - 默认快捷键：
Alt+Shift+O（Windows/Linux），Cmd+Shift+O（macOS）；也可右键选择Open in Browser → Default Browser - 插件会自动识别当前文件路径，拼成
file:///full/path/to/index.html并交给系统默认浏览器 - 注意：如果 HTML 中用了
./js/app.js这类相对路径，且文件结构正常，它能工作；但一旦含fetch('./api/data.json')就会失败——这不是插件问题，是浏览器安全策略
需要 AJAX / ES Module / Service Worker？必须起本地 HTTP 服务
只有 HTTP 协议（http://localhost:8000）才能绕过浏览器对本地文件的限制。Sublime 不内置服务器，需借助外部工具：
立即学习“前端免费学习笔记（深入）”；
- 最简方式（无需安装）：
python -m http.server 8000
（Python 3）或python -m SimpleHTTPServer 8000
（Python 2），在 HTML 所在目录终端执行，然后访问http://localhost:8000/your-file.html - Node.js 用户可全局装
http-server：npm install -g http-server
，再运行http-server -p 8000
- Sublime 插件如
SublimeServer已多年未更新，兼容性差，不建议 - 别用浏览器“拖入标签页”方式打开 HTML 文件——它仍是
file://，问题照旧
常见报错与对应解法
遇到预览失败，先看浏览器地址栏开头是 file:// 还是 http://：
-
Failed to load resource: net::ERR_FILE_NOT_FOUND→ 路径含中文或空格，改用英文名；或相对路径写错（比如 HTML 在/pages/，但引用了../css/style.css却实际在同级） -
Access to script at 'file:///xxx.js' from origin 'null' has been blocked→ 正在用file://协议加载模块，必须切到本地服务器 - 页面空白但控制台无报错 → 检查 HTML 是否漏写
或，浏览器容错可能渲染异常 - 修改 HTML 后刷新没变化 → 浏览器缓存，强制刷新（
Ctrl+F5或Cmd+Shift+R），或禁用缓存（DevTools → Network → ✅ Disable cache）
真正卡住人的从来不是“怎么打开”，而是“为什么打开后 JS 不执行”“为什么 fetch 报错”——根源几乎都在协议和路径上。别纠结 Sublime 能不能“运行”，先确认你当前需要的是静态查看，还是真实开发环境。
