如何设置Sublime Text以编译SCSS为CSS，并安装Sass插件及编译器？

本文共计1170个文字，预计阅读时间需要5分钟。

Sublime Text 本身不编译 SCSS，所谓的配置编译实际上是指调用已安装的 `sass` 命令行工具。通过插件或构建系统，将保存动作映射为一次编译命令。关键不在插件选择的多花哨，而在于 `sass` 是否被 Sublime 正确识别、是否支持当前语法、以及输出路径是否正确设置。

确认 sass 命令可用且版本正确

这是整个流程的前提，90% 的失败卡在这一步。

• 终端运行 sass --version，必须输出类似 1.77.6 的 Dart Sass 版本号；低于 1.23.0 可能不支持 @use 等新语法
• 如果报 command not found，说明 Node.js 没装、或没全局安装：npm install -g sass（不是局部安装）
• macOS 用户注意：GUI 启动的 Sublime 默认不读 shell 的 PATH，可尝试从终端启动：subl；或在构建系统中显式加 "path": "/opt/homebrew/bin:/usr/local/bin"
• Windows 用户检查 C:\Users\XXX\AppData\Roaming\npm 是否已加入系统环境变量 PATH

别装错插件：SCSS ≠ Sass

Package Control 里搜 “Sass” 会出现两个高权重插件，名字只差一个字母，但功能天壤之别。