Sublime Text可通过配置Browser Sync实现保存后浏览器自动刷新，首先全局安装Browser Sync：npm install -g browser-sync，然后在Sublime中创建新构建系统，输入指定cmd、working_dir和selector的JSON配置，保存为BrowserSync.sublime-build，接着在项目中打开HTML文件并按Ctrl+B运行，Browser Sync将启动本地服务器并在文件保存时刷新页面，支持通过修改--server或使用--proxy适配不同项目结构，提升前端开发效率。
Sublime Text 本身不具备浏览器实时刷新功能，但可以通过配置外部工具 Browser Sync 实现保存代码后浏览器自动刷新。Browser Sync 是一个轻量级的 Node.js 工具，支持静态和动态网站的实时预览与多设备同步测试。
安装 Browser Sync
确保系统已安装 Node.js，然后通过 npm 全局安装 Browser Sync：
- 打开终端（Windows 用户使用命令提示符或 PowerShell）
- 运行命令：npm install -g browser-sync
安装完成后，可在任意项目目录中启动服务。
在 Sublime 中配置 Build System
为了让 Sublime 在保存文件时触发 Browser Sync 刷新，需创建自定义构建系统：
- 打开 Sublime，点击菜单栏 Tools → Build System → New Build System…
- 将以下内容粘贴进去（以监听 HTML/CSS/JS 文件为例）：
{
"cmd": ["browser-sync", "start", "--server", "--files", "*.html,css/*.css,js/*.js"],
"working_dir": "$file_path",
"selector": "text.html"
}
- 保存为 BrowserSync.sublime-build
配置说明：
- cmd：启动 Browser Sync 命令，--files 指定监听的文件类型
- working_dir：在当前文件所在目录运行命令
- selector：让 Sublime 在打开 HTML 文件时自动选择该构建系统
使用方式
- 在项目根目录新建 index.html 等文件
- 在 Sublime 中打开该文件
- 按下 Ctrl+B（或 Cmd+B）运行构建系统
Browser Sync 会自动启动本地服务器（默认 http://localhost:3000），并在你保存 HTML、CSS 或 JS 文件时刷新浏览器。
进阶配置建议
- 若项目有特定入口目录（如 ./dist），可修改 --server 参数为 --server ./dist
- 支持代理动态网站：browser-sync start --proxy "yourlocal.dev" --files "*.php"
- 添加 --port 3001 可指定端口
- 配合 Gulp 或 Grunt 使用更灵活，但单独使用也足够轻便
基本上就这些。配置一次后，以后在任何项目中只需按 Ctrl+B 即可开启实时预览，提升前端开发效率。关键是确保路径正确、Browser Sync 已全局安装，且 Sublime 构建系统指向项目目录。
