Atom-beautify对CSS文件没反应的根本原因是未正确识别语法：右下角grammar显示Plain text或Source时插件直接跳过；须手动设为CSS，非标后缀（如.module.css）需在File Types中映射，且必须安装js-beautify并加入PATH、开启CSS语言专属beautify_on_save开关。
atom-beautify 为什么对 CSS 文件没反应
根本原因不是插件没装，而是它压根没把当前文件识别为 CSS。Atom 右下角状态栏显示的 grammar 是 Plain text 或 Source，atom-beautify 就直接跳过——快捷键 Ctrl+Alt+B、右键菜单、保存自动格式化全部失效。
必须手动点击右下角 grammar 名称，选成 CSS；如果文件后缀是 .module.css、.pcss 等非标扩展名，得进 Config → Core → File Types 加映射，例如："*.module.css": ["source.css"]
csscomb 和 atom-beautify 的区别在哪
atom-beautify 默认用 js-beautify 处理 CSS，只做基础缩进/换行/空格对齐；而 csscomb（对应插件 atom-css-comb）专注属性重排序，比如强制把 display 放最前、z-index 放最后，按 BEM 或 stylelint 规则归类。
-
atom-beautify：适合“让代码可读”，开箱即用但规则固定 -
atom-css-comb：适合“让代码合规”，需额外配.csscomb.json，支持自定义顺序、空行策略、单位标准化 - 两者不冲突，可以共存：先用
atom-beautify整体结构化，再用atom-css-comb属性洗牌
保存时自动排列 CSS 必须检查的三项配置
beautify_on_save 不是全局开关，CSS 相关设置藏在语言专属区块里：
立即学习“前端免费学习笔记（深入）”；
- 进
Packages → atom-beautify → Settings，往下滚动找到CSS区块 - 勾选
Beautify On Save—— 漏掉这一步，.css 文件保存永远原样不动 - 确认
Beautify With下拉选的是js-beautify（默认）或csscomb（如果装了atom-css-comb并启用） - 文件编码必须是
UTF-8：GBK 编码下atom-beautify静默失败，不报错也不执行
报 “beautifier not found” 怎么快速定位
这个错误说明 atom-beautify 找不到背后干活的 CLI 工具。它自己只是个调度器，真正排版靠外部命令行程序。
- CSS 场景下，95% 是因为没装
js-beautify：运行npm install -g js-beautify（注意加-g） - 装完必须重启 Atom 全进程（关闭所有窗口，再重新打开），只禁用/启用插件无效
- 终端里执行
js-beautify --version能返回版本号，才说明 PATH 正确；如果提示 command not found，就去检查 npm 全局 bin 路径是否加入系统环境变量 - 若想用
csscomb替代，要单独装npm install -g csscomb，并在atom-beautify的 CSS 设置里把Beautify With切到csscomb
Plain text 或终端跑不通 js-beautify，整个流程就卡死在第一步。 
