Sublime Text 无原生 CSS 格式化功能，需安装专用插件 CSScomb；其配置文件 .csscomb.json 必须置于项目根目录，且右下角语法模式须为 CSS，否则格式化静默失效。
Sublime Text 没有原生 CSS 格式化功能，必须装插件
按 Ctrl+Shift+P 搜 “Format CSS” 什么都不会出来——这不是你漏步骤，是 Sublime 真的不带这个能力。它连 calc(100% - 2px) 里的空格都懒得管，更别说属性顺序、分号强制、嵌套缩进这些事。
- 别试
Reindent或Auto Indent：它们只动缩进，会把.btn:hover { color: red; }压成一行，或把多行声明全打乱 - 别信“内置美化”：Sublime 3/4 的
Edit → Line → Reindent对 CSS 几乎无效，对@media和自定义属性（--size-sm）完全无感 - 语法识别必须正确：右下角显示的是
CSS，不是Plain Text或SCSS，否则插件直接跳过
CSScomb 是目前最稳的 CSS 专用格式化插件
比起通用型插件（如 HTML-CSS-JS Prettify），CSScomb 专治 CSS，规则粒度细、坑少，尤其扛得住 minmax()、clamp()、linear-gradient() 这类现代函数。
- 安装路径：
Ctrl+Shift+P→Package Control: Install Package→ 搜CSScomb安装 - 首次运行会在项目根目录生成
.csscomb.json，这是核心配置文件，别删、别挪、别用全局配置覆盖它 - 关键配置项必须改：
"space-before-parentheses": true（否则rgba(0,0,0,.5)变成rgba(0,0,0,.5)）；"always-semicolon": true（防线上漏分号报错） - 快捷键默认是
Ctrl+Shift+C（Win/Linux）或Cmd+Shift+C（macOS），按了没反应？先检查右下角是不是CSS语法模式
别用 Prettier 直接格式化 .css 文件
Prettier 虽然能跑 --parser css，但它本质是 JS 生态工具，对纯 CSS 的语义理解不如 CSScomb 精准。常见问题包括：@supports (display: grid) 被错误换行、注释位置偏移、/* stylelint-disable */ 被吞掉。
- 如果你项目已用
stylelint --fix，建议绕过 Sublime 插件，直接配构建系统：Tools → Build System → New Build System，填入：{ "cmd": ["npx", "stylelint", "$file", "--fix"], "selector": "source.css" } - 想用 Prettier 处理
.scss或.less？可以，但得配SublimeLinter-prettier+--parser scss，且确保prettier在PATH里（where prettier或which prettier要有输出） -
HTML-CSS-JS Prettify看着方便，但混写场景（比如 HTML 文件里内联）容易把class="a b c"拆三行，或误格式化 JS 模板字符串里的 CSS 片段
配置生效前，必须确认三个“对”
很多人改完 .csscomb.json 或插件设置，一按快捷键还是老样子——大概率卡在这三个地方。
-
语法对：右下角显示
CSS，不是PostCSS、Plain Text或Vue Component -
路径对：项目级
.csscomb.json优先级高于全局设置（Preferences → Package Settings → CSScomb → Settings），改错文件等于白改 -
作用域对：选中代码再格式化，比全文件操作更可控；尤其处理含
@keyframes或@layer的复杂 CSS 时，避免整页崩坏
真正麻烦的不是装插件，而是配置和作用域的耦合——一个 .csscomb.json 放错位置，或者右下角点错了语法模式，格式化就会静默失效，还查不出错在哪。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
