sublime text 4 不支持 html 实时预览，官方无内置功能且不维护相关插件；推荐用 http-server 搭建本地服务（npm install -g http-server），运行 http-server -o 后在浏览器访问 http://127.0.0.1:8080，保存后手动 f5 或配合 live server 插件实现自动刷新；避免使用 file:// 协议打开，以防跨域、路径错乱及 api 禁用问题。
Sublime Text 本身不支持 HTML 实时预览
别折腾插件列表里叫“Live Preview”或“HTML Preview”的那些——它们基本都已停止维护，或只在极老版本 Sublime（如 2.x）上能跑，新版 Sublime Text 4 完全不兼容。官方没提供内置预览功能，也没打算加。你看到的所谓“教程”，多数是把浏览器手动刷新、本地服务器、或者外部工具包装成“Sublime 功能”，本质是绕路。
用 http-server 搭个最小本地服务最稳
这是目前最轻、最可靠、跨平台、且真正“实时”的方案：改完保存，浏览器自动刷新（需配合 Live Server 浏览器插件，或手动 F5）。不用装 Sublime 插件，不依赖 Python/Node 版本兼容性，也不怕升级后崩。
- 终端执行
npm install -g http-server（确保已装 Node.js） - 进你的 HTML 项目目录，运行
http-server -o（-o自动打开浏览器） - 浏览器地址通常是
http://127.0.0.1:8080，打开你的index.html - 改完文件 →
Ctrl+S保存 → 切到浏览器按F5（或装 Live Server 插件实现自动刷新）
别碰 view_in_browser 这类旧插件
它只是调用系统默认浏览器打开 file:// 协议路径，会导致：
- CSS/JS 跨域加载失败（浏览器禁止
file://下的 AJAX 或模块导入） - 相对路径错乱（比如
./assets/style.css在双击打开时可能解析为桌面路径） - 无法调试 Fetch、Service Worker、LocalStorage 等 Web API（这些在
file://下被降级或禁用）
现象就是：页面显示空白、控制台一堆 Cross-Origin Request Blocked 或 net::ERR_FILE_NOT_FOUND 错误。
如果非要“一键预览”，就绑定一个自定义快捷键
不依赖插件，靠 Sublime 的 build system + 外部命令也能做到。例如 Windows 下新建一个构建系统：
立即学习“前端免费学习笔记（深入）”；
{
"cmd": ["cmd", "/c", "start", "http://127.0.0.1:8080"],
"shell": true,
"working_dir": "$project_path"
}
但注意：
- 必须先手动运行过
http-server，否则打不开 - Mac/Linux 要换
open或xdg-open命令 - 端口冲突时（比如 8080 被占），得手动改
http-server -p 8081并同步更新构建系统
真正的麻烦不在配置，而在于每次重启电脑、切项目、或重装系统后，这个“一键”大概率就断了——因为 http-server 进程没常驻，也没自动拉起逻辑。
所以实际用下来，还是终端里敲两下 http-server -o 更省心。复杂点在于习惯，而不是技术。
