sublime text 本身不支持 html/css 实时预览，官方无 live server 插件；可靠方案仅有两类：livereload 插件+浏览器扩展联动，或直接用 python -m http.server 启动本地 http 服务。
Sublime Text 本身不提供 HTML/CSS 实时预览能力，所谓“Live Server”在 Sublime 中并不存在官方实现；真正能用的方案只有两类：一类是靠 LiveReload 插件 + 浏览器扩展联动，另一类是绕过插件、直接用命令行起 HTTP 服务（如 python -m http.server）。选错路径会导致页面打不开、样式不更新、刷新失效——这不是配置问题，而是协议和通信机制没对上。
为什么 Sublime 没有真正的 Live Server 插件
很多人搜 “Sublime Live Server”，实际是被 VS Code 同名插件误导了。Sublime 的 Package Control 里确实有叫 LiveServer 的第三方插件，但它维护弱、常因端口占用静默失败，且不兼容新版 Sublime 4 的 event listener 机制。真正稳定的是 LiveReload，它只负责“通知刷新”，不启动服务——这点必须分清。
-
LiveReload是通信层：监听文件变化，向浏览器发送 reload 指令 - 你仍需单独起一个本地 HTTP 服务（比如
python -m http.server 8080），否则浏览器根本打不开http://localhost:8080 - 如果误以为装了
LiveServer就万事大吉，右键点 “Open with Live Server” 却没反应，大概率是插件根本没跑起来，控制台也无日志
LiveReload + 浏览器扩展怎么配才有效
这个组合目前是 Sublime 上唯一被多人验证、低故障率的自动刷新链路。关键不在 Sublime 做了什么，而在它和浏览器之间是否建立了 WebSocket 连接。
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 用 Package Control 安装
LiveReload，不是LiveServer - Chrome 安装官方
LiveReload扩展，打开页面后点击地址栏右侧图标，确保它变黑（表示已启用监听） - Sublime 中按
Ctrl+Shift+P输入LiveReload: Enable/Disable启用监听 - 必须用浏览器访问
http://localhost:8080这类地址，不能双击 HTML 文件走file://协议——后者会触发跨域、缓存、相对路径解析失败
不用插件，用 Python 起服务更稳
如果你只是写静态页面，不依赖 Node.js 或构建流程，python -m http.server 比任何插件都可靠。它不依赖 Sublime 插件状态，也不需要浏览器扩展，改完保存就 F5，配合 Sublime 的 "save_on_focus_lost": true 几乎等效实时。
- 终端进入项目根目录，运行
python -m http.server 5500 - 浏览器打开
http://localhost:5500，访问index.html（注意：必须有index.html，否则显示目录列表） - Sublime 设置中开启自动保存：
"save_on_focus_lost": true，编辑区失焦即保存 - CSS 修改后若没立刻生效，可能是浏览器缓存，可在 DevTools 的 Network 标签页勾选
Disable cache
常见错误现象与对应检查点
很多“预览失败”其实不是技术问题，而是协议或路径没走对。最典型的几个卡点：
- 右键点了
Open with Live Server，但浏览器打不开 → 实际是LiveServer插件未运行，换用LiveReload+ 手动起服务 - 保存 CSS 后页面没刷新 → 检查 HTML 中是否用了绝对路径（如
href="/css/style.css"），应改为相对路径（如href="css/style.css"） - 页面能打开，但 JS 报错
CORS或资源 404 → 一定是用了file://协议，必须切到http://localhost:xxxx - LiveReload 图标亮了，但没刷新 → 确认 Sublime 是否在项目根目录下启用监听（不是单个文件），且 HTML 页面已加载了
<script></script>注入脚本（由 LiveReload 扩展自动注入）
容易被忽略的一点：所有方案都要求 HTML 引用 CSS/JS 用相对路径，且整个项目结构要扁平可访问。一旦嵌套过深或路径写错，HTTP 服务跑得再稳也没用——因为浏览器根本拿不到资源。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
