配置View in Browser插件可实现Sublime Text中快速预览HTML,1. 通过Package Control安装插件后按Alt+Shift+V即可在默认浏览器打开;2. 可在设置中指定chrome等浏览器;3. 也可创建自定义Build System,使用start命令调用默认程序;4. 建议保存文件并注意路径兼容性,配置后一键预览提升效率。

在 Sublime Text 中快速预览 HTML 文件,可以通过配置“View in Browser”功能实现。虽然 Sublime 本身不内置浏览器预览,但借助插件或自定义快捷键,能轻松将当前 HTML 文件在默认浏览器中打开。
1. 安装 View In Browser 插件(推荐)
步骤如下:
- 确保已安装 Package Control(Sublime 的插件管理工具)
- 按下 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(Mac)打开命令面板
- 输入 “Install Package”,选择对应选项
- 搜索并安装插件:View In Browser
安装完成后,直接按下 Alt+Shift+V 即可在默认浏览器中打开当前 HTML 文件。
2. 设置默认浏览器(可选)
如果想更改默认浏览器,可以修改插件设置:
立即学习“前端免费学习笔记(深入)”;
- 点击菜单栏:Preferences → Package Settings → View In Browser → Settings
- 在右侧用户设置中添加(例如设为 Chrome):
"browser": "chrome"
}
支持的浏览器包括:chrome、firefox、safari、edge 等常见浏览器。
3. 使用自定义 Build System(无需插件)
不想装插件?可以手动创建构建系统:
- Tools → Build System → New Build System
- 将内容替换为:
"cmd": ["start", "$file"],
"shell": true,
"selector": "text.html"
}
保存为 Open in Browser.sublime-build(Windows)
- 之后选择该构建系统,按 Ctrl+B 即可用默认程序打开 HTML
4. 快速技巧与注意事项
- 确保 HTML 文件已保存,否则可能无法正确加载
- 使用插件更稳定,支持多浏览器切换
- Mac 用户若用 Safari,命令可用 "open -a Safari $file"
- 路径含中文或空格时建议使用引号包裹 $file











