Sublime Text 本身不支持一键美化 CSS，必须装插件；CSSFormat 和带“Beautify”的老插件已停止维护，无法识别 CSS 变量、嵌套、calc() 等现代语法，易误删代码。推荐方案：轻量用 HTML-CSS-JS Prettify（需手动配快捷键和格式选项），或工程化对接 stylelint/prettier 保证本地与 CI/CD 一致。
Sublime Text 本身不支持一键美化 CSS，必须装插件；但“CSSFormat”不是推荐选项——它早已停止维护，2024 年后在 Sublime Text 4 上基本不可用，且不支持 calc()、--custom-property、::before 等现代语法，一格式化就删代码。
为什么别碰 CSSFormat 和名字带 “Beautify” 的老插件
这类插件最后一次更新多在 2021–2022 年，解析器无法识别 CSS 变量、嵌套（@layer）、逻辑函数（minmax()）等特性。你点快捷键后：
- 伪类
::placeholder被整行吞掉 -
background: linear-gradient(45deg, var(--a), #fff);变成background: linear-gradient(45deg, #fff); - 注释错位、缩进塌陷、分号丢失，改完还得手动修
根本原因不是你配置错了，是插件底层 parser 已过期。别浪费时间调 .cssformatrc。
真正能用的两个方案：轻量内置 vs 全链路对齐
选哪个取决于你是否已有工程化规范：
立即学习“前端免费学习笔记（深入）”；
-
纯前端快速上手：装
HTML-CSS-JS Prettify，不依赖 Node.js，开箱即用。菜单栏Preferences → Package Settings → HTML-CSS-JS Prettify → Set Format Options，加这段就能按项目要求走："css": {"indent_size": 2, "sort_properties": false} -
团队/CI/CD 已用 stylelint 或 prettier：绕过插件，直接配构建系统调
npx stylelint "$file" --fix。这样你本地格式化结果和 Git 提交前 husky 触发的完全一致，不会出现“我刚保存完，pre-commit 又给我重排一遍”的冲突。
快捷键按了没反应？先查这三件事
不是插件坏了，大概率是环境没对齐：
- 右下角状态栏是否显示
CSS？如果不是（比如是Plain Text），右键文件 →Set Syntax → CSS - 你绑定的快捷键是否被其他插件覆盖？比如
Ctrl+Shift+H在旧版插件里是默认键，但新装的HTML-CSS-JS Prettify默认不设快捷键，必须手动加：[{"keys": ["ctrl+alt+f"], "command": "html_css_js_prettify"}] - 粘贴键位配置时漏了方括号或逗号？整个
Key Bindings – User文件会失效，Sublime 启动变卡——建议粘完去 JSONLint 验证一下
保存时自动格式化要小心 scope
HTML-CSS-JS Prettify 提供 Enable Autoformat on Save 开关，但它对所有 CSS 文件全局生效。如果你项目里混着 .module.css（含 ${color} 模板语法）或 tailwind.config.js 里的 theme.extend.colors 对象，它会当成普通 CSS 解析并乱删内容。更稳妥的做法是：只对 *.css 和 *.scss 启用，其他类型禁用——这得靠自定义键位 context 实现，不能只开一个开关。
