sublime text 不支持真正的双向同步预览，所谓“双向”需拆解为保存刷新（单向）与浏览器 devtools 手动跳转（另一单向）组合实现；livereload 插件已停更不可用，browsersync 需手动配置且无反向映射能力。
Sublime Text 本身不支持双向同步预览——没有“编辑即刷新、点击页面元素反向定位代码”这类能力，所谓“双向”必须拆解为两个单向动作分别实现，且需外部工具协同。
为什么直接搜“Sublime 双向同步”会踩坑
多数人误以为装个叫 LiveReload 或 BrowserSync 的插件就能像 VS Code 的 Live Server 那样点一下就双向联动。实际在 Sublime 中：
-
LiveReload插件（ST3 时代遗留）已停止维护，ST4 下基本不可用；即使能装上，也只监听保存事件并触发浏览器刷新，不支持点击网页跳转到对应行号 -
BrowserSync是独立 CLI 工具，Sublime 无原生集成，需手动配置构建脚本或监听命令，无法反向映射 DOM 元素到 .html/.css 行号 - 所有“双向调试”类宣传，本质是把 Chrome DevTools 的
Elements → Styles → {filename}.css:123点击跳转功能，错误归因到 Sublime 插件上
能实现的“准双向”：刷新 + 手动定位组合
在 Sublime 中可稳定达成的是：保存文件 → 浏览器自动刷新（单向），再配合浏览器 DevTools 主动跳转回源码（另一单向）。这不是自动绑定，但够用：
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 用
livereloadCLI（非插件）监听：livereload . --port 35729 --exts html,css,js,md，确保端口未被占用（lsof -i :35729） - Chrome 必须安装官方
LiveReload扩展，并打开右下角靶心图标，且网页必须通过http://localhost:xxxx打开，file://协议下扩展完全失效 - HTML/CSS 文件里无需加任何脚本，
livereload会在响应中注入 WebSocket 连接逻辑 - 想从浏览器跳回 Sublime？Chrome DevTools 中右键样式名或 HTML 标签 →
Reveal in Source Code，会尝试用默认编辑器打开——需提前配置系统默认编辑器为subl（macOS/Linux）或subl.exe（Windows）
Markdown 场景下更现实的“左写右看”工作流
对写文档用户，“双向”其实指左侧编辑 .md、右侧浏览器实时渲染。这比 HTML 调试更可控，但依然不是自动同步：
- 装
MarkdownPreview插件后，禁用"enable_autoreload": true（配置里显式设为false），否则 macOS 上易失焦或卡死 - 绑定快捷键如
ctrl+alt+m触发markdown_preview命令，生成 HTML 并用浏览器打开；之后每次保存，手动按 F5 刷新即可，比折腾自动刷新更稳 - 分屏布局（
View → Layout → Columns: 2）后，把 Markdown 文件拖到右侧栏，左侧留空或放其他辅助文件；不要指望右侧自动显示渲染结果——它只是另一个编辑视图，不是预览窗 - 路径含中文或空格？Chrome 可能打不开
file://页面，此时用npx http-server起本地服务，再访问http://localhost:8080/xxx.md预览
真正容易被忽略的兼容性断点
很多失败不是操作错，而是环境链路中某一处默认关闭或被策略拦截：
- Sublime 的
Preferences → Settings里，"scroll_sync": true对双栏预览毫无作用——它只影响同一文件的多个视图滚动，和浏览器无关 - Chrome 的 LiveReload 扩展，必须开启
Allow access to file URLs（设置页里找），否则file://协议下连连接图标都不亮 - macOS 上 Safari 默认禁用 WebSocket 本地连接，
livereload在 Safari 中必然失败，别浪费时间调；坚持用 Safari 就改用MarkdownPreview+ 手动刷新 - Sublime 4147+ 版本中，旧版
ScrollSync插件 API 已失效，若你同时装了它又试图“让左右栏同步滚动”，反而会干扰正常分屏体验
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
