Sublime Text实现浏览器实时同步预览_Sublime Text配合LiveReload【前端】-sublime-PHP中文网

sublime text 本身不支持保存即刷新，livereload 插件仅负责监听保存并发送通知，真正刷新需浏览器扩展（须手动启用且走 http:// 协议）和服务端（如 browsersync 或 livereload cli）协同；缺一环即静默失败。

sublime text实现浏览器实时同步预览_sublime text配合livereload【前端】

Sublime Text 本身不支持保存即刷新，所谓“LiveReload 自动预览”必须三端协同：Sublime 插件（只发通知）、浏览器扩展（监听并刷新）、服务端（可选但推荐）。缺一环，保存就静默失败。

LiveReload 插件在 Sublime 里到底干了什么

它不是刷新器，是通知器：LiveReload 插件监听文件保存事件，然后向 localhost:35729 发一个 POST /changed 请求。它不启动服务、不打开浏览器、不解析 HTML，也不管你用的是 .html 还是 .md。

常见错误现象：

保存后浏览器毫无反应 → 很可能没装/没启用 Chrome 的 LiveReload 扩展
控制台报 WebSocket connection to 'ws://localhost:35729/livereload' failed → 端口不一致或服务没起
改了 CSS 不刷新 → --exts 没包含 css，或插件设置里没启用 SimpleRefresh

Chrome 扩展必须手动启用且走 http 协议

官方 LiveReload 扩展（图标是黑白靶心，开发者为 LiveReload.com）安装后默认是空心状态，必须点击地址栏图标让它变实心，才算启用当前页面。

更重要的是：它完全拒绝 file:// 协议。哪怕你双击 HTML 文件用 Chrome 打开，扩展也会静默失效。

必须满足以下任一条件：

用 browser-sync 启服务，访问 http://localhost:3000
用 livereload CLI 启服务，访问 http://localhost:35729
用 Python 或其他方式起一个本地 HTTP 服务（如 python3 -m http.server 8000）

另外，Chrome 设置里要勾选「允许访问文件网址」——但这只是让扩展能加载，不解决 file:// 下无法通信的根本限制。

Comet AI 浏览器

下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。

下载

Markdown 实时预览不能靠默认配置

Markdown Preview 插件生成的是临时 HTML 文件，路径不固定；而 LiveReload 默认只监听 .html、.css、.js，对 .md 完全无感。

想让它响应 Markdown 修改，得在 LiveReload 的用户配置中显式声明：

{
  "enabled_plugins": ["SimpleReloadPlugin"],
  "SimpleReloadPlugin": {
    "paths": ["*.md"],
    "command": "markdown_preview",
    "args": {
      "target": "browser",
      "parser": "markdown"
    }
  }
}

注意："command" 必须是 markdown_preview（全小写+下划线），写成 MarkdownPreview 或其他变体就无效。