Sublime Text需通过插件或自定义构建系统打开HTML文件。1. 推荐安装View in Browser插件,通过命令面板搜索安装后右键或快捷键即可在浏览器预览;2. 可手动创建构建系统,Windows下使用"start chrome $file",macOS用"open -a Google Chrome $file",保存为HTML in Browser.sublime-build后按Ctrl+B运行;3. 可指定浏览器绝对路径确保正确启动;4. 注意文件需先保存,且本地打开可能受跨域限制,建议配合本地服务器开发。

Sublime Text 本身只是一个代码编辑器,不能直接运行 HTML 页面,但可以通过插件或快捷方式将当前 HTML 文件在浏览器中打开。最常用的方法是使用 “View in Browser” 类型的插件或自定义构建系统。
1. 安装 View in Browser 插件(推荐)
通过 Package Control 安装第三方插件是最简单的方式:
- 按下 Ctrl+Shift+P(Mac 上是 Cmd+Shift+P)打开命令面板
- 输入 Install Package 并选择它
- 搜索并安装插件:View In Browser
安装完成后,你可以:
- 右键点击 HTML 文件,选择 View in Browser
- 或者使用快捷键(默认可能是 F12 或 Ctrl+Alt+V,具体看插件说明)
2. 手动配置默认浏览器打开(使用 Build System)
如果你不想用插件,也可以自己创建一个构建系统来在浏览器中打开 HTML 文件。
立即学习“前端免费学习笔记(深入)”;
- 点击菜单栏:Tools → Build System → New Build System…
- 将以下内容粘贴进去(以 Windows 为例,使用 Chrome):
{
"cmd": ["start", "chrome", "$file"],
"shell": true,
"working_dir": "$file_path",
"selector": "text.html"
}
保存为:HTML in Browser.sublime-build
如果是 macOS,可以改为:
{
"cmd": ["open", "-a", "Google Chrome", "$file"],
"working_dir": "$file_path",
"selector": "text.html"
}
保存后,在 HTML 文件中按 Ctrl+B 就会在 Chrome 中打开当前页面。
3. 设置默认浏览器路径(可选)
如果系统未默认设置浏览器,或你想指定特定浏览器路径,可以写绝对路径,例如:
"cmd": ["C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe", "$file"]
4. 使用前注意事项
- 确保文件已保存,否则可能无法正确打开
- 使用 file:// 协议打开本地文件,部分 JS/CSS 功能可能受限(跨域等)
- 开发项目建议配合本地服务器(如 Live Server、VS Code 插件或 Python 的 http.server)
基本上就这些。用 View in Browser 插件最快捷,自定义构建系统更灵活,适合不想装插件的用户。










