atom本身不编译sass，需依赖插件（如atom-sass）或命令行工具（推荐dart sass），插件仅调度编译任务，背后必须安装并配置好sass cli，且注意监听范围、输出路径及下划线文件支持问题。
Atom 本身不编译 Sass，得靠插件或命令行工具
Atom 编辑器默认不带 Sass 编译能力，它只负责语法高亮和编辑。真正把 .scss 变成 .css 的，必须是外部工具（比如 sass CLI）配合插件触发。别指望装个插件就自动跑起来——插件只是“调度员”，背后得有编译器可用。
优先用 Dart Sass，别碰 node-sass
node-sass 已废弃，不支持 @use、@forward，Node 版本一升级就报错 Cannot find module 'node-sass'。现在唯一推荐的是官方维护的 sass（Dart Sass）：
- 全局安装：
npm install -g sass - 验证是否成功：
sass --version（输出类似1.77.2即可） - 项目局部安装也行：
npm install --save-dev sass，但插件配置时得填对路径（如./node_modules/.bin/sass）
用 atom-sass 插件最直接，但注意监听范围
atom-sass 是专为 Atom 设计的轻量编译插件，比手动配 File Watcher 简单得多：
- 安装：
apm install atom-sass或在 Settings → Install 里搜atom-sass - 默认监听
*.scss，但_partial.scss这类下划线开头的文件不会触发——得进插件设置，把Watch patterns改成**/*.scss - 输出路径默认和源文件同目录，想统一输出到
css/子目录？改插件设置里的Output directory为css - 按快捷键编译：
Ctrl+Alt+C（Windows/Linux）或Ctrl+Option+C（macOS）
WebStorm 风格的 File Watcher 在 Atom 里不原生存在
Atom 没有 WebStorm 那种内置的 File Watcher 机制。有人试图用 build + build-sass 组合模拟，但容易出问题：
-
build-sass插件已多年未更新，对 Dart Sass 的参数（如--load-path）支持不稳定 - 若你依赖
@use "bootstrap"这类第三方包，必须加--load-path，而atom-sass不支持传这个参数——此时只能退回到命令行：sass --watch scss:css --load-path=node_modules - 终端里跑着
sass --watch其实更可靠，尤其当你有复杂路径或多个入口文件时
真正卡住人的地方往往不是“怎么装”，而是“改了 _variables.scss 却没重新生成 CSS”——这几乎 100% 是因为监听模式没覆盖下划线文件，或者 sass 命令根本没装进系统 PATH 里，Atom 找不到它。
