sass命令必须能在终端直接运行，否则sublime的自动编译无效；需通过sass --version验证，安装dart sass（npm install -g sass），注意path配置、路径无中文/空格，并推荐使用sublimeonsavebuild配合自定义构建系统实现稳定编译。
sass 命令必须能从终端直接运行，否则 Sublime 里任何“自动编译”都是假象——它不自带编译器，所有插件都只是调用你系统里的 sass 可执行文件。
确认 sass 是否真可用
别跳过这步。很多问题根源就在这里：sass --version 在终端里必须输出类似 1.77.6 的版本号。没反应？说明没装或 PATH 没生效。
- 装 Dart Sass：运行
npm install -g sass（不用sudo，也别用cnpm） - macOS/Linux 用户注意：Sublime 不继承 shell 的 PATH，尤其图形界面启动时；查路径用
which sass，常见位置是/opt/homebrew/bin/sass（Apple Silicon）或/usr/local/bin/sass - Windows 用户：确认
C:\Users\YourName\AppData\Roaming\npm已加进系统环境变量PATH，然后重启 Sublime - 路径含中文或空格？Dart Sass 在 Windows 下对这类路径处理极不稳定，报错像
Error: Invalid CSS after ""—— 直接把项目移到C:/project这类纯英文无空格路径下
用 SublimeOnSaveBuild + 自定义构建系统（最稳）
这是目前唯一能兼顾可控性、兼容性和新语法（如 @use）的方案。SCSS 插件轻量但已跟不上 Dart Sass 更新节奏，遇到 @use 直接报 Invalid CSS after "@use"。
- 先装插件：
Package Control → Install Package → SublimeOnSaveBuild - 新建构建系统：
Tools → Build System → New Build System，贴入以下内容并保存为Sass.sublime-build：
{
"cmd": ["sass", "--no-source-map", "$file", "${file_path}/${file_base_name}.css"],
"selector": "source.scss, source.sass",
"file_regex": "^(.*?):([0-9]+):([0-9]+) (.*)$"
}
-
--no-source-map必须加，否则构建常卡住；需要 sourcemap 时改用--embed-sources或单独跑sass --watch - 输出路径写成
${file_path}/${file_base_name}.css，不是固定名（如style.css），否则多文件会互相覆盖 -
file_regex必须匹配 Dart Sass 报错格式（file.scss:3:5 This is wrong），否则错误被吞掉，你啥都看不到
为什么 SCSS 插件看起来“没反应”
它自己带了个精简版解析器，不依赖外部 sass 命令，但代价是功能阉割严重——这不是配置问题，是设计限制。
- 不显示编译错误：只弹空提示框，控制台也没日志；真出错了，你根本不知道哪一行、什么错
- 静默失败：SCSS 语法有误（比如少个括号）时，它不生成
.css，也不报错，就像没保存一样 - 不支持
@use/@forward：遇到就崩，且不会提示“不支持”，只报模糊的Invalid CSS after - 输出路径不能自定义：所有
.css都扔到和源文件同级目录，没法映射src/scss/button.scss → dist/css/button.css - 如果你只是写几个简单样式、不用模块化，可以开
"auto_compile": true；但一旦项目变大，建议切回 CLI 方案
真 --watch 别交给 Sublime
Sublime 的构建系统本质是单次执行命令，塞 --watch 会导致进程阻塞、UI 卡死，且无法响应后续保存。所谓“实时监听”在 Sublime 架构里就是伪命题。
- 正确做法：终端单独跑
sass --watch src/scss:dist/css，让 Dart Sass 在后台干活 - 配合
LiveReload插件 + 浏览器扩展，CSS 文件一更新，页面自动刷新 - 如果非要在 Sublime 里触发，用
SublimeOnSaveBuild配单次编译，再靠终端--watch做兜底——两者不冲突，反而更稳 - 别信“一键开启监听”的插件宣传，它们要么调用失败，要么偷偷启了子进程却没做资源回收，长期开着容易内存泄漏
sass 命令是否真的可执行、路径是否干净、以及你写的 SCSS 有没有用到当前 sass 版本还不支持的特性——这些细节比怎么点菜单重要得多。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
