atom保存时自动格式化css没反应，根本原因是atom-beautify对css的beautify_on_save开关默认关闭，且需同时满足：右下角grammar为source.css、css区块开关已勾选、js-beautify通过apm安装、文件编码为utf-8、未被.gitignore忽略。
Atom保存时自动格式化CSS文件，为什么没反应？
根本原因不是插件没装，而是atom-beautify对CSS语言的beautify_on_save开关默认关闭，且不依赖全局设置——它只认你当前文件被识别成什么grammar，以及对应语言区块里是否勾选了开关。
CSS文件右下角显示“Plain text”或“Source”怎么办？
Atom不靠.css后缀判断语言，而靠右下角显示的grammar。如果显示Plain text、Source或Null Grammar，atom-beautify直接跳过，快捷键和右键菜单全失效。
- 手动点击右下角文字 → 选
CSS（不是HTML或Less） - 若
.css文件仍被识别为Plain text，进Config → Core → File Types，确认有"css": ["source.css"]映射 - 已打开的文件切换
grammar后，需重新触发保存（哪怕只加个空格再删掉）才能生效
如何开启CSS的beautify_on_save？
这不是一个总开关，必须单独为CSS语言启用：
- 打开
Packages → atom-beautify → Settings - 向下滚动，找到
CSS语言区块（标题是CSS，不是Less或SCSS） - 勾选
Beautify On Save复选框 - 确保
Ignore VCS Ignored Paths没误勾——如果.css在.gitignore里，它会被跳过
报“beautifier not found”或格式化后乱码？
atom-beautify本身不干活，它调用js-beautify处理CSS。装错位置或编码不对，就会静默失败或输出乱码。
- 必须用
apm install js-beautify（不是npm install -g js-beautify），否则Atom运行环境找不到模块 - 装完后必须重启整个Atom进程（不只是禁用再启用插件）
- 文件编码必须是
UTF-8：右下角点击编码名 → 选UTF-8，否则中文注释或特殊字符会导致格式化中断 -
debounce时间太短（默认300ms）可能漏触发，可临时设为0测试
最容易被忽略的是：即使CSS语法识别正确、CLI工具就位、开关也勾了，只要文件编码不是UTF-8，atom-beautify就既不报错也不执行——它只会安静地跳过。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
