Sublime需装View in Browser插件实现浏览器预览，支持右键菜单、自定义热键（如F12）、本地服务器（http://localhost:8080）及路径配置。
Sublime 默认不支持直接浏览器预览，必须装插件
Sublime Text 本身没有内置的“在浏览器中打开”功能，右键菜单里找不到对应选项——这不是你设置错了，是它压根没提供。想快速预览 HTML 文件，得靠第三方插件补上这一环。
最常用、维护稳定、兼容性好的是 View in Browser（注意不是旧版的 SideBarEnhancements 附带的简易预览，那个常卡死或打不开本地 file:// 路径）。
- 用
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）呼出命令面板 - 输入
Package Control: Install Package回车，等待仓库加载完成 - 再输入
View in Browser，选中并安装 - 安装完重启 Sublime（部分版本需要），之后右键 HTML 文件就能看到
View in Browser子菜单
预览时打不开网页？检查 file:// 协议和默认浏览器
常见错误现象：file:///path/to/index.html 在地址栏显示但页面空白，或弹出“无法访问此网站”提示——这通常不是插件问题，而是浏览器拒绝加载本地 file:// 协议下的某些资源（比如用了 fetch()、XMLHttpRequest 或引入了相对路径的 JS/CSS）。
- Chrome 默认禁用本地 AJAX 请求，可临时用
chrome --allow-file-access-from-files启动（仅调试用，不推荐长期开启） - 更稳妥的做法：用插件自带的“启动本地服务器”功能（
View in Browser: Start Server），它会起一个http://localhost:8080服务，绕过file://限制 - 确认默认浏览器是否被正确识别：插件会调用系统默认浏览器；如果想指定 Chrome 或 Edge，在 Sublime 的
Preferences → Package Settings → View in Browser → Settings里改"browser": "chrome"（值可选"chrome"、"firefox"、"edge"）
快捷键比右键更快：绑定自定义热键
每次右键点菜单太慢，尤其频繁修改预览时。可以直接绑定热键，比如 F12（和浏览器开发者工具习惯一致）。
立即学习“前端免费学习笔记（深入）”；
操作路径：Preferences → Key Bindings，在右侧用户键位文件里加一行：
[
{ "keys": ["f12"], "command": "view_in_browser", "args": {"browser": "default"} }
]
- 如果只想对 HTML 文件生效，加上
"context"限定： "context": [{"key": "selector", "operator": "equal", "operand": "text.html"}]- 保存后，光标在 HTML 文件中按
F12就直接唤起浏览器预览 - 注意：不要把键位绑到已被占用的组合（如
Ctrl+R是重载文件，别覆盖）
静态资源路径错乱？预览时工作目录不是文件所在目录
写好 <img src="images/logo.png">，在浏览器里却 404——因为 View in Browser 插件默认以 Sublime 工程根目录为 Web 根路径，而不是当前 HTML 文件所在目录。
- 如果你没用项目（Project），它会退回到文件所在文件夹，但一旦打开了项目，就以
.sublime-project中定义的"folders"为基准 - 解决办法：要么把资源路径改成相对于项目根目录（推荐用于团队协作），要么关闭项目，只用单文件方式打开 HTML
- 另一个隐藏坑：
View in Browser: Open with Server启动的本地服务，根路径固定为当前文件所在目录，此时相对路径才“所见即所得”
真正麻烦的不是怎么打开，而是打开之后发现样式没了、图片炸了、JS 报 CORS——这些几乎都卡在路径解析和协议限制上，而不是插件本身有问题。
