配置Sublime Text实现Sass/Less自动编译需先安装Package Control插件，再安装Sass/Less语法支持插件及可选LiveReload；随后通过npm全局安装sass或less编译器，使用sass --watch或lessc --watch命令监听文件变化，保存即自动编译为CSS；结合LiveReload插件与浏览器扩展可实现页面自动刷新，提升前端开发效率。
在使用 Sublime Text 进行前端开发时，配置 Sass 或 Less 的自动编译功能可以极大提升效率。虽然 Sublime 本身不内置编译器，但通过插件和外部工具的配合，可以实现保存文件后自动编译成 CSS。以下是具体配置方法。
安装必要的插件
打开 Sublime Text，按下 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac）调出命令面板，输入“Install Package”并选择“Package Control: Install Package”，然后依次安装以下插件：
- Sass：提供 Sass/SCSS 语法高亮和基本支持
- Less：为 Less 文件提供语法高亮
- LiveReload（可选）：配合浏览器自动刷新页面
配置 Node.js 环境与编译工具
确保系统已安装 Node.js，然后通过 npm 安装 Sass 或 Less 编译器：
- 安装 Sass：npm install -g sass（推荐使用 Dart Sass）
- 安装 Less：npm install -g less
安装完成后，在终端执行 sass -v 或 lessc -v 验证是否安装成功。
设置文件监听与自动编译
无需依赖 Sublime 插件完成编译，推荐使用命令行方式监听文件变化：
- 进入项目目录，运行：
Sass 监听：sass --watch scss/styles.scss css/styles.css
或监听整个目录：sass --watch scss:css - Less 监听：lessc --watch styles.less styles.css
这样，每次保存 .scss 或 .less 文件，对应 CSS 文件会自动生成或更新。
结合 LiveReload 实现浏览器自动刷新（可选）
安装 LiveReload 插件后，在 Sublime 中按下 Ctrl+Shift+P 输入“LiveReload: Enable/Disable”启用功能。然后在浏览器安装 LiveReload 扩展（如 Chrome 的 “LiveReload” 插件），点击浏览器上的插件图标连接本地服务。当 CSS 文件被重新生成时，页面会自动刷新。
基本上就这些。不需要复杂插件，借助 Node 工具链 + 命令行监听，Sublime 就能高效支持 Sass/Less 自动编译，轻量且稳定。
