Sublime Text 本身不支持真正的实时监听，所谓“实时编译”实为保存时触发单次编译；真要监听文件变化必须交由终端的 sass 或 lessc 命令行工具完成。
Sublime Text 本身不支持真正的实时监听（--watch），所谓“实时编译”其实是保存时触发单次编译，真要监听文件变化必须交由终端的 sass 或 lessc 命令行工具完成。
为什么 Sass/SCSS 保存后没生成 CSS？先查 sass_path 和 output_dir
插件找不到编译器，90% 是因为 sass_path 没配对。Sublime 不继承 shell 的 PATH，哪怕你在终端能跑 sass --version，它也看不见。
- 在终端运行
which sass（macOS/Linux）或where sass（Windows），拿到绝对路径，比如/opt/homebrew/bin/sass或C:\Users\Me\AppData\Roaming\npm\sass.cmd - 打开
Preferences → Package Settings → SCSS → Settings（推荐用 SCSS 插件，比老版 Sass 更稳） - 在右侧用户设置里写死路径：
"sass_path": "/opt/homebrew/bin/sass"，别写sass或sass --watch -
output_dir是相对路径，填"output_dir": "css"表示输出到当前文件所在目录的css/子目录；填"output_dir": "../dist/css"则向上一级再进dist/css
Less 自动编译总失败？优先换 Less2CSS 插件 + 手动设 output_dir
Less 插件（官方那个）基本只做语法高亮，不编译；EasyLess 已多年未维护，容易崩；Less2CSS 是目前最可靠的选择，但它默认忽略 output_dir，必须显式启用。
- 右键 .less 文件 →
Set Build System → Less2CSS - 按
Cmd+Shift+P（Mac）或Ctrl+Shift+P（Win/Linux），输Less2CSS: Settings – User - 填入至少这两项：
"output_dir": "css"（相对项目根目录）、"auto_compile": true - 注意：它不解析
@import依赖链，改了_mixins.less不会自动重编主文件，得手动保存一下入口文件
想真正监听变化？别折腾插件，直接终端跑 sass --watch 或 less-watch-compiler
插件编译是“保存即编译”，但无法感知被 @use 或 @import 的文件改动。真需求是监听整个目录，就得绕过 Sublime，交给命令行工具。
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
立即学习“前端免费学习笔记（深入）”；
- Sass 推荐：
sass --watch src/scss:dist/css（Dart Sass 原生支持，无需额外包） - Less 推荐：
npm install -g less-watch-compiler，然后跑less-watch-compiler src/ dist/css - Windows 用户若用 nvm 管 Node 版本，确保
sass和lessc安装在当前激活版本下，否则命令存在但调用失败 - 大文件（>2MB）编译卡住？加
--max-old-space-size=4096参数给 Node 提内存
LiveReload 配合编译后自动刷新页面，但别指望它解决路径问题
LiveReload 只监听文件系统变动，它不管你是插件编译还是终端编译——只要 style.css 被写入磁盘，它就推刷新。但它不会帮你修 output_dir 配错导致 CSS 写到错目录的问题。
- 浏览器装 LiveReload 扩展，点击图标启用连接
- Sublime 里启用
LiveReload → Enable，选Simple Reload - 确保编译输出的 CSS 路径和 HTML 中
<link href="...">一致，否则刷新了也看不到效果 - 如果用了
atomic_save: true（Sublime 默认），可能因临时文件机制导致 LiveReload 漏触发，可临时设为false测试
最常被忽略的一点：所有路径配置（sass_path、output_dir、include_paths）都区分绝对和相对，且相对路径基准不同——sass_path 必须绝对，output_dir 在 SCSS 插件里是相对于文件目录，在 Less2CSS 里是相对于项目根目录。混用就会静默失败。
