Sublime Text 通过 BrowserSync 插件可实现 HTML/CSS 保存即刷新与多设备同步预览；需先安装 Node.js 和 Sublime-Text-BrowserSync 插件，再运行 BrowserSync: Start Server 启动服务，默认端口 3000，支持 CSS 注入、局域网多端同步及控制面板操作。
Sublime Text 本身不带浏览器实时预览功能，但通过 BrowserSync 插件可以实现 HTML/CSS 的保存即刷新、多设备同步预览，比手动刷新高效得多。
安装 BrowserSync 插件
BrowserSync 不是 Sublime 原生插件，需借助命令行工具 + Sublime 插件桥接。推荐使用 Sublime-Text-BrowserSync（社区维护的轻量桥接插件）：
- 用 Package Control 安装：按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（Mac），输入Install Package，回车后搜索BrowserSync，选择安装 - 确保系统已安装 Node.js（BrowserSync 是基于 Node 的工具），终端运行
npm install -g browser-sync安装全局命令
启动本地服务并关联项目
在 Sublime 中打开你的 HTML 项目文件夹（File → Open Folder），然后：
- 按
Ctrl+Shift+P输入BrowserSync: Start Server，回车 - 首次运行会提示配置：默认监听当前文件夹，端口通常为
3000，支持自动打开浏览器（勾选 “Open browser”） - 成功后终端（Sublime 控制台或系统终端）会显示类似
Local: http://localhost:3000的地址，点击即可打开预览页
保存即刷新 & 多文件监听
BrowserSync 默认监听 .html、.css、.js 文件，你只需：
立即学习“前端免费学习笔记（深入）”；
- 编辑任意 HTML 或 CSS 文件，保存（
Ctrl+S）→ 浏览器自动刷新 - 修改 CSS 时可启用「CSS 注入」（无需整页刷新）：在插件设置中开启
"inject_css": true - 如需监听其他后缀（如
.scss），可在插件配置里添加"files": ["*.html", "*.css", "*.scss"]
小技巧与常见问题
提升体验的实用细节：
- 浏览器中按
Ctrl+Alt+I可唤出 BrowserSync 控制面板（含重载、暂停、设备同步等按钮） - 同一局域网下，用手机访问
http://192.168.x.x:3000可实现多端实时同步操作（滚动、点击也同步） - 如果提示
command not found: browser-sync，说明 Node 全局路径未加入系统环境变量，需重新配置或改用 npx 启动（插件设置中指定"command": "npx browser-sync"）
基本上就这些。不需要复杂配置，只要 Node 和插件到位，几秒就能跑起来，写前端时省去反复切窗口、点刷新的麻烦。
