Sublime Text需安装插件实现HTML或Markdown预览:HTML用View in Browser(满足Package Control联网、插件名准确、重启编辑器、文件为.html且语法识别为HTML四条件),Markdown用MarkdownPreview(需保存为.md、状态栏显示Markdown、编码UTF-8,首次手动触发Preview in Browser)。

Sublime Text 本身不支持直接在浏览器中预览当前文档——无论 HTML 还是 Markdown,都必须靠插件补足这一能力,且不同格式对应不同插件、不同触发逻辑。
View in Browser 插件:HTML 文件一键预览的唯一靠谱方案
它是最轻量、ST4 兼容性最好、维护活跃的 HTML 预览插件,但装完不会自动生效,必须满足四个硬条件:
- Package Control 已安装且能联网(命令面板输入
Package Control: Install Package后左下角出现 Fetching list of available packages) - 插件名必须输全:
View in Browser(注意中间空格,大小写敏感,不是ViewInBrowser或view-in-browser) - 安装后必须完全退出 Sublime Text 再重开(ST4 Windows 版尤其容易漏载命令)
- 当前文件已保存为
.html后缀,且右下角状态栏显示HTML(不是Plain text)
满足后,默认快捷键 F12 即可打开;右键菜单里也会出现 View in Browser 子项。若打不开,大概率是浏览器拒绝 file:// 协议下的 JS/CSS 加载——此时用插件自带的 View in Browser: Start Server 命令起一个 http://localhost:8080 服务更稳妥。
MarkdownPreview 插件:Markdown 文件预览的唯一可行路径
别搜 MarkdownEditing(只管语法高亮)、OmniMarkupPreviewer(已停更、与 ST4 冲突)或 MarkdownLivePreview(多年未维护)。真正起作用的只有 MarkdownPreview(结尾是 Preview,无空格、无 s、不是 Previewer)。
装完必须重启 Sublime,然后确认三件事:
- 文件已保存为
.md或.markdown - 右下角状态栏显示
Markdown(点它 → 搜索选纯Markdown,不是Markdown GFM) - 编码为
UTF-8(含中文时,若为GBK或带BOM,解析会静默失败 →File → Reopen with Encoding → UTF-8)
首次必须手动执行 Markdown Preview: Preview in Browser(命令面板输 mp 就能出来),之后保存才会自动刷新——这个“自动”依赖已打开的标签页主动 reload,关掉就失效。
为什么快捷键按了没反应?常见卡点直击
不是插件坏了,而是环境没对齐:
-
F12对 HTML 无效?检查是否在未保存的untitled标签页,或文件后缀不是.html,或状态栏语法不是HTML -
Ctrl+Shift+M对 Markdown 无响应?先确认是否已手动触发过一次Markdown Preview: Preview in Browser;再查设置里有没有误加"enable_autoreload": true(2026 年起该配置已移除,加了反而导致崩溃) - 浏览器打开空白页?Chrome/Edge 用户检查是否启用了“阻止第三方 Cookie”或“严格隔离”,临时禁用即可;也可能是路径含中文或空格,改用英文路径重试
不装插件也能凑合用,但代价明确
可以手动右键 HTML 文件 →“打开方式”→ 选浏览器,或双击文件;也可以配自定义构建系统,比如写个 HTML.sublime-build,内容为:
{ "cmd": ["start", "$file"], "shell": true, "windows": true }
但这种方式无法处理相对路径资源加载、AJAX 请求等现代前端开发场景,遇到 fetch() 报错 net::ERR_FILE_NOT_FOUND 就只能干瞪眼。
真实开发中,绕不开本地 HTTP 服务。插件提供的 Start Server 或配合 BrowserSync 才是可持续方案——别指望 file:// 协议能撑起完整工作流。











