答案：通过安装LESS、Sass和LiveReload插件并配置Node.js编译工具，可在Sublime Text中实现样式文件实时编译与浏览器自动刷新。
Sublime Text 本身不带浏览器实时预览功能，但通过插件配合外部工具，可以实现 LESS 或 SASS 的实时编译与网页刷新。以下是具体操作方法，帮助你在 Sublime 中高效开发样式文件。
1. 安装必要的插件
打开 Sublime Text，使用 Package Control 安装以下插件：
- LESS：为 .less 文件提供语法高亮
- Sass：支持 .sass 和 .scss 语法高亮
- LiveReload：与浏览器配合，实现保存后自动刷新页面
2. 配置自动编译（使用 Node.js 工具）
Sublime 不内置编译功能，需借助命令行工具实时将 LESS/SASS 转为 CSS。
LESS 实时编译：
确保已安装 Node.js，然后全局安装 less-watch-compiler：
npm install -g less-watch-compiler
在项目根目录运行：
less-watch-compiler src/ css/
它会监听 src 目录下的 .less 文件，自动编译输出到 css 目录。
SASS 实时编译：
使用 Dart Sass（推荐）：
sass --watch src/scss:css
这会监控 scss 文件夹，自动编译成 css 文件。
3. 浏览器端启用 LiveReload
安装浏览器扩展：
- Chrome 用户搜索安装 LiveReload 插件
- Firefox 也可在附加组件中找到类似工具
启动 Sublime 的 LiveReload 插件：
菜单栏选择 Tools → LiveReload → Enable，然后点击 Simple Reload。
在浏览器中点击 LiveReload 扩展图标开启连接。
4. 实际工作流示例
假设你有如下结构：
/project /scss/style.scss /css/style.css index.html
步骤：
- 终端运行
sass --watch scss:css - 用 Sublime 编辑 scss 文件，保存即编译
- 浏览器打开 index.html，点击 LiveReload 图标
- 修改保存后，页面自动刷新显示新样式
基本上就这些。配置一次后，后续开发可全程自动处理，提升效率。
