sublime text 本身不支持 html 实时预览，“保存即刷新”必须依赖外部服务或插件；直接用 file:// 协议打开会导致 fetch、import 等现代 api 静默失效，且 ctrl+b 默认无 html 构建系统，需手动配置或使用 live server 等插件启用 http 服务才能可靠预览。
Sublime Text 本身不支持 HTML 实时预览，所谓“保存即刷新”必须靠外部服务或插件补足；直接双击或用 file:// 协议打开，90% 的现代前端功能（fetch、import、localStorage）会静默失效或报错。
为什么 Ctrl+B 打不开 HTML？
因为 Ctrl+B 是构建系统触发键，不是“运行 HTML”快捷键。Sublime 默认没配任何 HTML 构建规则，所以要么弹出 No build system，要么什么也不做。
- 你看到的“能用
Ctrl+B打开”的教程，全是手动加了HTML.sublime-build文件的结果 - Windows 下常见配置是
["start", "", "$file"]，但仅适用于纯静态页；含相对路径 JS/CSS 时，$file解析为file:///C:/path/to/file.html，浏览器可能把./script.js错解成桌面根目录 - macOS/Linux 要换
open或xdg-open，且路径含空格或中文时，旧版构建系统容易截断参数——得加引号包裹"$file"并设"shell": true
View in Browser 插件打不开页面？先看协议
它默认走 file://，而 Chrome/Firefox 已默认禁用该协议下的跨域请求和模块加载。现象是页面空白、控制台一堆 net::ERR_FILE_NOT_FOUND 或 Cross-Origin Request Blocked。
- 别信
chrome --allow-file-access-from-files启动参数——它已被 Chrome 94+ 废弃，新版直接忽略 - 插件设置里有
"start_server": true选项，启用后会起一个http://localhost:8080服务，这才是真正可用的路径 - 指定浏览器要写对值：
"browser": "chrome"（不是路径）、"browser": "firefox"，大小写敏感，拼错就回退到系统默认 - 快捷键绑定时务必加
context限定，否则在 Python 文件里按F12也会试图打开浏览器：{ "keys": ["f12"], "command": "view_in_browser", "args": {"browser": "chrome"}, "context": [{"key": "selector", "operator": "equal", "operand": "text.html"}] }Live Server 插件比本地构建更可靠的原因
它不是调用浏览器打开文件，而是启动一个真实 HTTP 服务（默认
http://127.0.0.1:5500），所有浏览器安全策略都按标准 Web 环境执行。- 自动注入 WebSocket 监听逻辑，保存后触发浏览器刷新——不用装额外浏览器插件
- 端口冲突时改配置就行：
"port": 3000写进Preferences → Package Settings → Live Server → Settings - 右键菜单叫
Open with Live Server，不是Open in Browser；误点Disable Live Server是关整个监听，不是关当前页 - 它不处理构建逻辑，所以和
Ctrl+B完全不冲突——你可以同时保留构建系统跑本地命令，Live Server 负责预览
Python 或 http-server 搭本地服务，适合谁？
适合不想装 Sublime 插件、或团队统一环境、或需要复现生产部署路径的人。它绕过编辑器生态，直接走终端命令，最稳定也最难“一键”。
-
python -m http.server 8000：Python 3 自带，无需 npm，但只服务当前目录，子目录资源需手动调整路径 -
http-server -o：需先npm install -g http-server，支持-c-1禁缓存、-p 8081换端口，-o自动唤浏览器 - 关键细节：Sublime 构建系统里不能直接写
http-server命令——它会卡住等待服务运行，导致构建“永远不结束”。真要集成，得用后台启动 + 延迟打开 URL，可靠性远不如 Live Server 插件
真正难的不是选哪个方案，而是意识到：只要页面用了现代 Web API，
file://就是伪实时；所有“一键”背后都有协议限制、路径解析、进程生命周期这些隐形依赖，漏掉一个，预览就断在看不见的地方。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
