sublime text 本身不支持 html 实时预览，需依赖外部浏览器+自动刷新机制；推荐使用 live server 插件，它通过本地 http 服务（如 http://localhost:5500）监听文件变化并自动刷新，且兼容 st4、免配置、跨平台。
Sublime Text 本身不支持 HTML 实时预览
Sublime Text 是纯文本编辑器，没有内置浏览器引擎，所谓“实时预览”必须依赖外部浏览器 + 自动刷新机制。直接按 Ctrl+B 或 Cmd+B 运行 HTML 文件，只会调用系统默认浏览器打开一次，后续保存不会自动刷新——这是新手最常误以为“没生效”的根本原因。
推荐方案：Live Server 插件（跨平台、免配置）
目前最稳定、更新活跃、兼容 Sublime Text 4 的方案是 Live Server 插件（注意不是同名的 VS Code 插件，它是 Sublime 社区维护的独立版本）。它会在本地启动一个 HTTP 服务（如 http://localhost:5500），并监听文件变化，触发浏览器自动刷新。
- 安装方式：通过
Package Control → Install Package → Live Server搜索安装 - 使用方法：打开任意
.html文件 → 右键 → 选择Open with Live Server，或按快捷键Ctrl+Alt+L（Windows/Linux）/Cmd+Alt+L（macOS） - 注意：必须保存文件（
Ctrl+S）才能触发刷新；未保存的修改不会被服务读取 - 端口冲突时，插件会自动尝试下一个可用端口，无需手动改配置
替代方案：Browser Refresh 插件（轻量但需手动配浏览器路径）
如果因网络限制无法安装 Live Server，可考虑 Browser Refresh。它不启服务，而是通过模拟键盘操作（如 F5）或发送 HTTP 请求通知已打开的浏览器刷新页面，对静态文件更友好，但需要指定浏览器可执行文件路径。
- Windows 示例路径：
C:\Program Files\Google\Chrome\Application\chrome.exe - macOS 示例路径：
/Applications/Google Chrome.app/Contents/MacOS/Google Chrome - 配置位置：
Preferences → Package Settings → Browser Refresh → Settings，填入"browser": "chrome"和"browser_path" - 缺点：多标签页时可能刷新错页面；Safari 等沙盒浏览器需额外授权，容易失败
为什么不要用 Auto-Refresh 或 Simple Reload 类插件
这类插件依赖文件系统事件（on_modified），在 Sublime 中存在明显延迟或漏触发问题，尤其在快速连续保存、使用磁盘同步工具（如 OneDrive、iCloud）时，经常出现“改了但没刷”或“刷了两次”。它们也不处理 CSS/JS 修改后 HTML 未重载的问题——而 Live Server 通过 WebSocket 主动推送变更，能准确识别资源依赖关系。
立即学习“前端免费学习笔记（深入）”；
另外，所有基于“打开本地 file:// 协议”的方案（比如直接右键用浏览器打开）都会遇到跨域限制：AJAX 请求、fetch()、某些 Web API（如 localStorage 在部分浏览器中受限）将不可用。只有走 http://localhost 才算真正模拟生产环境。
别跳过保存这一步，也别指望编辑器替你管浏览器生命周期——实时预览的本质，是让编辑器和浏览器之间建立可靠通信链路，而不是魔法。
