答案：通过安装插件或配置自定义构建系统，可在Sublime Text中快速用浏览器预览HTML文件。1. 安装Open In Browser插件后右键选择即可打开；2. 创建构建系统并设置对应命令，Windows使用"start chrome $file"，macOS用"open -a Google Chrome $file"，Linux用"google-chrome $file"，保存为HTML.sublime-build后按Ctrl+B运行；3. 正确使用$file变量确保路径准确，资源引用采用相对路径；4. 对复杂项目建议搭配本地服务器，如Python的http.server，在终端运行python -m http.server 8000后访问localhost:8000预览，避免file协议限制。
在 Sublime Text 中运行 HTML 文件，并不像一些集成开发环境（IDE）那样自带浏览器预览功能，但它可以通过简单配置快速打开浏览器查看效果。以下是几种实用的方法来运行或预览 HTML 文件，重点解决文件路径处理和浏览器打开方式问题。
1. 使用快捷方式直接在浏览器中打开 HTML 文件
Sublime Text 本身不运行 HTML，但可以借助系统默认浏览器打开当前文件。最简单的方式是使用“Open in Browser”类插件或自定义构建系统。
操作步骤：
- 确保你的 HTML 文件已保存，例如路径为：C:\projects\index.html 或 /Users/name/site/index.html
- 安装插件 Open In Browser：
- 按 Ctrl+Shift+P 打开命令面板
- 输入 “Install Package”，选择 “Package Control: Install Package”
- 搜索 “Open In Browser”，点击安装
- 安装完成后，右键编辑区 → 选择 “Open in Browser” → 默认浏览器将打开该 HTML 文件
2. 配置自定义构建系统运行 HTML（支持路径自动识别）
如果你希望用快捷键（如 Ctrl+B）直接运行 HTML，可以设置一个构建系统来调用浏览器。
立即学习“前端免费学习笔记（深入）”；
创建构建系统：
- 点击菜单栏：Tools → Build System → New Build System…
- 输入以下内容（以 Windows 为例）：
- 保存为：HTML.sublime-build
- 然后在 HTML 文件中按 Ctrl+B，即可用 Chrome 打开当前文件
macOS 用户可使用：
{ "cmd": ["open", "-a", "Google Chrome", "$file"] }
Linux 用户示例：
{ "cmd": ["google-chrome", "$file"] }3. 正确处理文件路径的关键点
运行 HTML 时，路径错误会导致资源加载失败（如图片、CSS、JS）。注意以下几点：
- $file 变量会自动替换为当前文件的完整路径（如 file:///C:/project/page.html），适合本地预览
- 如果引用了外部资源，请使用相对路径，例如：
<img src="./images/logo.png">
确保目录结构正确，避免硬编码绝对路径 - 某些浏览器（如 Chrome）对本地 file:// 协议有限制（如 AJAX 请求失败），此时建议使用本地服务器
4. 推荐搭配本地服务器提升体验
对于涉及 JS、AJAX 或模块化加载的项目，建议使用轻量级服务器而不是直接打开 file 协议。
快速启动方式：
- 安装 Python 后，在文件所在目录运行： python -m http.server 8000
- 然后在浏览器访问：http://localhost:8000
- 结合 Sublime 的终端插件（如 Terminus），可在编辑器内一键启动服务
基本上就这些。Sublime 虽然轻量，但通过合理配置完全可以高效预览 HTML 文件。关键是利用好路径变量和浏览器调用机制，避免手动拖拽或寻找文件。配置一次，长期受益。
