Sublime Text 本身不支持真正的实时监听，所谓“保存即编译”只是单次调用命令，sass --watch 或 lessc --watch 才是唯一可靠的实时编译方式；90% 的保存无响应问题源于 Sublime 启动时找不到 sass/lessc 命令，因其不继承终端 PATH，需手动配置 sass_path 或 lessc_path；插件无法感知 @use/@import 文件变更，必须依赖 CLI watch 模式递归监听整个目录。
Sublime Text 本身不支持真正的实时监听，所谓“保存即编译”只是单次调用命令，sass --watch 或 lessc --watch 才是唯一可靠的实时编译方式。
为什么保存 .scss 文件没生成 CSS，控制台也没报错
90% 的情况是 Sublime 启动时根本找不到 sass 命令——它不继承你终端里的 PATH，哪怕 sass --version 在 iTerm 或 Terminal 里能跑，Sublime 也看不见。
- macOS/Linux：在终端运行
which sass，拿到类似/opt/homebrew/bin/sass或/usr/local/bin/sass的路径 - Windows：运行
where sass，常见路径是C:\Users\Alice\AppData\Roaming\npm\sass.cmd - 打开 Preferences → Package Settings → Sass → Settings – User，填入：
"sass_path": "/opt/homebrew/bin/sass"（注意只填可执行文件路径，不带参数） - Less 同理，用
which lessc查路径，填进 Less → Settings – User 的"lessc_path"字段（字段名因插件而异）
想让 _variables.scss 变更后自动触发 main.scss 重新编译
所有 Sublime 插件都只监听当前激活的 tab，改了 _variables.scss 但没切回去保存 main.scss，CSS 就不会更新——这不是 bug，是设计限制。
前端设计优化skill
下载
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- 真正解决依赖变更重编译，必须用 CLI 的 watch 模式：
sass --watch src/scss:dist/css - 它会递归监听整个目录树，包括被
@use或@import引入的所有文件 - 插件配置的
output_dir或include_paths对 watch 模式无效，那些只影响单次构建 - 别指望
LiveSassCompiler或EasyLess自动感知子文件变化；它们连@use "utils"找不到路径时都只静默失败
Less2CSS 和 Dart Sass 插件选哪个更稳
Less2CSS 更适合不想折腾环境的用户，Dart Sass 是唯一官方维护的 Sass 实现，但两者都绕不开路径配置这个硬门槛。
立即学习“前端免费学习笔记（深入）”；
- Less2CSS 自带轻量编译器，不依赖全局
lessc，但默认关闭自动编译；必须右键 .less 文件 → Set Build System → Less2CSS，再进设置开"auto_compile": true - Dart Sass 必须全局安装：
npm install -g sass，且确认sass --version输出版本号（截至 2026 年 5 月，Node Sass 已停更，别用） - Less2CSS 的
"output_dir": "css"是相对项目根目录；Dart Sass 插件的output_dir默认只支持扁平输出，嵌套结构得靠自定义.sublime-build或直接走 CLI - Vue 单文件组件里的
<style lang="stylus">或<style lang="scss">，插件完全不处理——高亮靠 Vue Syntax Highlight，编译靠开发服务器（Vite/HMR），不是靠 Sublime
最易被忽略的一点：watch 进程必须常驻终端，不是 Sublime 插件启动的；关掉终端窗口，实时编译就立刻中断。别把 CLI 当成“配一次就一劳永逸”的功能，它本质是个后台服务。
