答案:推荐方案是全局安装dart sass并配合sublimeonsavebuild与自定义.sublime-build文件,避免使用已过时且不支持@use语法的livesasscompiler;需确保sass命令路径正确、构建系统匹配scss/sass语法、首次手动编译以激活自动保存编译。

别装 LiveSassCompiler —— 它在 2026 年已严重过时,@use/@forward 语法直接报错,中文路径卡死,错误还静默吞掉。真正稳定可用的方案是:全局装 Dart Sass + 手动配 SublimeOnSaveBuild + 自定义 .sublime-build 文件。
确认系统里真有 sass 命令且路径正确
这是 90% 编译失败的根源。Sublime 启动时读的是自己的环境变量,不是你终端里能跑出 sass --version 就算完事。
- 在终端执行
sass --version,必须输出类似1.77.6的版本号;没反应?说明没装或 PATH 没生效 - macOS 用户运行
which sass查真实路径(常见是/opt/homebrew/bin/sass或/usr/local/bin/sass) - Windows 用户运行
npm config get prefix,再拼上sass.cmd(如C:UsersAliceAppDataRoaming pmsass.cmd),这个路径要填进构建系统 - 别用 Node Sass —— 它已停更,
sass必须是 Dart Sass(npm install -g sass装的就是它)
装 SublimeOnSaveBuild 而不是 LiveSassCompiler
后者封装太深,出错不提示、新语法不支持、中文路径常崩;SublimeOnSaveBuild 是轻量层,构建失败会弹错误框,路径和参数完全可控。
- 按
Ctrl+Shift+P(Win/Linux)或Cmd+Shift+P(Mac),输入Package Control: Install Package - 搜索并安装
SublimeOnSaveBuild(注意名字里没有 “Live”) - 不要装
Sass Build插件 —— 它依赖 Ruby Sass,早已淘汰,且不支持@use
手动建 Sass.sublime-build 并填对关键字段
Tools → Build System → New Build System,粘贴以下内容,保存为 Packages/User/Sass.sublime-build:
{
"cmd": ["sass", "--no-source-map", "$file", "${file_path}/${file_base_name}.css"],
"selector": "source.scss, source.sass",
"path": "/opt/homebrew/bin:/usr/local/bin",
"file_regex": "^(.*?):([0-9]+):([0-9]+) (.*)$"
}
-
"cmd"中--no-source-map必须加,否则构建常卡住;需要 sourcemap 时换--embed-sources -
"selector"必须写成source.scss, source.sass,漏掉source.sass就不触发 .sass 文件编译 -
"path"值按你本地which sass结果填;Windows 用户填完整目录(如C:\Users\Alice\AppData\Roaming\npm),注意双反斜杠 - 右下角状态栏必须显示
SCSS或Sass,否则构建系统压根不匹配 —— 点击右下角语言名可切换
最易被忽略的一点:SublimeOnSaveBuild 默认只监听保存动作,但不会自动启用构建系统;你得先手动按 Ctrl+B 触发一次编译,它才会记住当前文件该用哪个构建系统,之后保存才真正自动编译。











