Sublime Text 的 Sass 自动编译需依赖外部工具或插件：推荐用 Dart Sass CLI 配 SublimeOnSaveBuild，确保 sass 可执行、构建系统配置正确且路径无中文/空格；SCSS 插件轻量但兼容性差，不支持 @use 等新特性。
Sublime Text 装了 Sass 插件但不自动编译？先确认你用的是哪套方案
Sublime Text 本身不带 Sass 编译能力，所谓“自动编译”全靠第三方插件实现，目前主流就两条路：SublimeOnSaveBuild 配 sass 命令行工具，或者用 SCSS 插件（旧但轻量）。前者更可控，后者容易卡死或漏触发——如果你改了 .scss 文件却没生成 .css，大概率是插件没绑对构建系统，或者 sass 命令根本没装进系统 PATH。
用 sass CLI + SublimeOnSaveBuild 实现真自动编译
这是目前最稳的组合，依赖系统级 sass 命令（Dart Sass），不是 Ruby Sass（已弃用）。必须确保终端里能直接运行 sass：
- 终端执行
sass --version，输出类似1.70.0才算装好；没反应？说明没装或没加到 PATH - 推荐用 npm 全局装：
npm install -g sass；别用sudo，也别用 cnpm（可能权限异常） - 装完重启 Sublime，再装插件：
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（默认会卡住构建），$file 是输入，${file_path}/${file_base_name}.css 是输出路径——别写成固定名如 style.css，否则多文件会互相覆盖。
SCSS 插件看似简单，实际坑最多
这个插件名字叫 SCSS（作者：mrmartineau），它自己带了个精简版编译器，不依赖外部 sass 命令。好处是免配置，坏处是：
立即学习“前端免费学习笔记（深入）”；
- 只支持老语法（
.sass缩进式），对新.scss的嵌套、模块化支持弱，遇到@use直接报错Invalid CSS after "@use" - 编译错误不显示在 Sublime 控制台，只弹个空提示框，你根本不知道哪错了
- 保存时如果文件有语法错误，它会静默失败，也不生成任何
.css，看起来就像“没反应” - 不能自定义输出路径或选项（比如加
--embed-sources），所有 css 都扔到同一级目录
如果你只是写简单样式、不用新特性，可以开：Preferences → Package Settings → SCSS → Settings，把 "auto_compile" 设为 true。但一旦项目变大，建议切回 CLI 方案。
路径和编码问题导致编译成功但 CSS 不更新
常见现象：保存后控制台显示 [Finished]，但浏览器里样式没变，检查发现生成的 .css 文件时间戳没更新，或者内容还是旧的。原因通常是：
- 你的
.scss文件路径含中文或空格（比如D:\我的项目\style.scss），Dart Sass 默认拒绝处理，需加--load-path或改路径 - Sublime 用的是 UTF-8 with BOM 编码，Sass 解析会卡在 BOM 字节上，保存前务必选
File → Save with Encoding → UTF-8 - 输出路径用了相对路径但当前工作目录不对，比如构建系统里写
"cmd": ["sass", "a.scss", "b.css"]，它会在 Sublime 启动目录下找a.scss，不是你当前文件所在目录 - 文件被其他程序（比如 VS Code、浏览器 Live Server）锁住，Sass 写不进新
.css，Windows 下尤其明显
最省事的解法：所有路径用绝对路径，文件名纯英文、无空格，编码设为 UTF-8（无 BOM）。
复杂点在于，不同项目可能需要不同编译参数（比如要不要 --watch、要不要压缩），而 Sublime 的构建系统是全局生效的。真要多配置，得写 shell 脚本中转，或者干脆放弃 Sublime 自动编译，用终端跑 sass --watch 更可靠。
