Sublime Text需装CSScomb插件才能格式化CSS，因其专为CSS设计，支持精准配置；默认配置易出错，须调整space-before-parentheses和always-semicolon等选项，并优先使用项目级.csscomb.json。
Sublime Text 没有内置 CSS 格式化功能
Sublime Text 本身不带 CSS 美化能力，Ctrl+Shift+P 里搜不到 “Format CSS” 就对了。想一键格式化，必须装插件——而且得挑对的，不然容易把 calc() 里的空格吃掉、把注释错位、或把多行属性强行压成一行。
推荐插件：CSScomb（不是 Prettier 或 JSBeautify）
CSScomb 是专为 CSS 设计的格式化工具，支持 csscomb.json 配置，能精准控制缩进、空格、属性顺序、大括号位置等。它比通用型插件更稳，尤其处理 @media 嵌套、自定义属性（--color-primary）、和现代函数（minmax()、clamp()）时不容易出错。
- 安装方式：
Ctrl+Shift+P→ 输入Package Control: Install Package→ 搜CSScomb安装 - 默认快捷键是
Ctrl+Shift+C（Windows/Linux）或Cmd+Shift+C（macOS） - 首次运行会自动在项目根目录生成
.csscomb.json，别删它——这是你控制格式规则的核心文件 - 如果快捷键没反应，检查是否选中了 CSS 语法模式（右下角应显示
CSS，不是Plain Text）
常见踩坑点：配置不对，格式化反而更乱
很多人装完就按快捷键，结果 margin: 0 auto; 变成 margin:0 auto;，或者 background: linear-gradient(...) 被截断换行。问题几乎都出在默认配置太宽松。
-
"space-before-parentheses"默认是false，会导致rgba(0,0,0,.5)→rgba(0,0,0,.5)（缺空格），建议设为true -
"always-semicolon"默认false，关掉后可能漏分号，线上环境容易报错，建议开 - 如果你用 PostCSS 或 CSS-in-JS，别对
.module.css或带${}的字符串直接格式化——CSScomb 不识别模板语法，会误操作 - 全局配置（
Preferences → Package Settings → CSScomb → Settings）优先级低于项目级.csscomb.json，改配置前先确认你在编辑哪个文件
替代方案：用命令行 + stylelint --fix（适合团队统一）
如果项目已接入 stylelint，且需要和 CI/CD 对齐样式规范，不如绕过 Sublime 插件，直接用终端跑 npx stylelint "**/*.css" --fix。这样能保证和队友、和 pre-commit 保持一致，避免“我本地格式化完，Git 提交后又被 husky 自动重排”这种事。
立即学习“前端免费学习笔记（深入）”；
- Sublime 里可配自定义构建系统调用它：新建
Tools → Build System → New Build System，内容填：{ "cmd": ["npx", "stylelint", "$file", "--fix"], "selector": "source.css" } - 保存为
Stylelint-Fix.sublime-build，之后按Ctrl+B就能触发 - 注意：这要求项目本地装了
stylelint和对应 config（如stylelint-config-standard），全局安装不认项目规则
@supports 里的括号、var(--x) 的连字符、甚至注释位置，都会影响插件判断。别迷信“一键”，先看配置文件里那几行 align 和 space 是不是真符合你当前项目的写法。 
