Sublime如何实时预览网页？Sublime配置LiveReload插件教程
Sublime Text的实时预览为什么这么难搞？很多人在折腾这个功能时都卡住了，其实核心逻辑非常简单。 先说说几个核心判断：Sublime Text 本身没有任何实时预览能力。LiveReload插件在里面演的，只是一个传令兵——它不干活，只是通知。真正让页面自动刷新的是三个角色： liverel
Sublime Text的实时预览为什么这么难搞？很多人在折腾这个功能时都卡住了，其实核心逻辑非常简单。
先说说几个核心判断：Sublime Text 本身没有任何实时预览能力。LiveReload插件在里面演的，只是一个传令兵——它不干活，只是通知。真正让页面自动刷新的是三个角色： livereload CLI、浏览器扩展和 HTTP 服务。缺了任何一环，你保存文件后页面就会纹丝不动。
livereload CLI 必须手动启动并配对端口
很多人装了Sublime里的LiveReload插件（比如dwieeb或dwb95版）就觉得完事了。但现实是残酷的：这些插件在ST4上基本静默失效，ST3上虽然能跑，也仅仅是监听到保存动作后发个通知——它不监听文件变更、不建WebSocket通道、更不会主动推送刷新指令。真正干重活的，是一个叫livereload的命令行工具。
配置步骤其实不复杂：
- 先确认已装好Node.js，然后执行：
npm install -g livereload - 进入项目根目录运行：
livereload . --port 35729 --exts html,css,js,md --exts这个参数是个容易踩的坑——必须显式列出你需要响应的文件后缀。漏掉css的话，你改样式文件它也不会理你- 如果报端口占用错误
EADDRINUSE，换个端口比如--port 35730，同时浏览器扩展的Options页面里也得同步改
Chrome/Edge 的 LiveReload 扩展必须手动启用且配置一致
没有这个扩展，livereload发出的WebSocket通知就没人接收，页面当然不会自己动起来。网上同名插件不少，但只有图标是黑白靶心、开发者为 LiveReload.com 的那个才管用。
安装后需要做几件事：
- 点击右上角图标 → Options → 把
port改成和CLI启动时一致（默认是35729） - 右下角显示
LiveReload is connected才算真正连上了 - 如果你用
file://协议打开页面，浏览器出于安全策略会直接禁用扩展——所以必须用http://localhost:8000/index.html这类地址。可以用python3 -m http.server 8000快速起个HTTP服务 - 页面打开后才装扩展的话，得按
Ctrl+R（Windows）或Cmd+R（macOS）重载一次，让注入脚本生效
Markdown 实时预览要绕过默认逻辑
如果把路径换成Markdown文件呢？LiveReload默认是不处理 .md 文件的，因为Markdown本身不是HTML，它不能直接生成可刷新的页面。真实的链路是：Markdown Preview 先把Markdown渲染成临时 .html → LiveReload 感知到这个变化 → 触发浏览器刷新。
操作步骤：
- 通过 Package Control 安装
Markdown Preview（注意不是MarkdownEditing） - 打开
Preferences → Package Settings → LiveReload → Settings – User，填入以下配置：
{"enabled_plugins": ["SimpleReloadPlugin"], "SimpleReloadPlugin": {"paths": ["*.md"], "command":"markdown_preview", "args": {"target":"browser","parser":"markdown"}}}
⚠️ 这里的 "command" 必须是 markdown_preview（全小写加下划线），写成 MarkdownPreview 或其他变体就会失效；"target": "browser" 是核心参数，丢掉它输出就不会进到浏览器。
别碰 SublimeLinter-LiveReload 和 ST4 的 LiveReload 插件
最后提醒两个常见的误踩点：
SublimeLinter-LiveReload是给代码检查用的，跟页面刷新没有任何关系- ST4用户在 Package Control 里搜到的 LiveReload 插件（作者 dwieeb）其实只支持ST3，在ST4上既不报错也不工作，属于静默失效的状况
- 如果你在用ST4，更推荐放弃插件方案，直接靠
livereloadCLI + 浏览器扩展联动，这套组合更稳定、兼容性问题更少
整个配置过程中最容易被忽略的是协议和端口对齐——livereload启动时用的端口、浏览器扩展里设置的端口、网页访问用的协议（必须是 http:// 或 https://），三者缺一不可，且不能有毫秒级偏差。所有卡住不动的问题，十有八九都出在这里。
赤友清理大师是一款为 Mac 设计的智能清理优化工具，可精准扫描垃圾、大文件、重复文件等，释放磁盘空间。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。
极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。
Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件，为私密数据添加多重保护。高频操作更强调就近处理，浏览、整理和跨目录移动文件时，来回切换和重复点击都会少很多。
CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。
