Sublime Text 需装插件实现 CSS 格式化，推荐 JsPrettier（依赖 Node.js 和 prettier）或 HTML-CSS-JS Prettify（纯 Python、开箱即用）；命令不出现多因语法未设为 CSS 或插件未生效，应检查右下角语法标识、控制台报错及快捷键配置。
Sublime Text 本身不带 CSS 格式化功能，必须装插件；没配好插件或没选对语法类型，Ctrl+Shift+P 调出的命令根本不会出现 Beautify CSS 或类似选项。
怎么装一个真正能用的 CSS 格式化插件
推荐直接装 JsPrettier（支持 CSS/SCSS/JS/JSON）或轻量级的 HTML-CSS-JS Prettify。前者依赖 Node.js 和 prettier，后者纯 Python 实现、开箱即用。
-
JsPrettier：用Package Control → Install Package → JsPrettier安装后，需确保系统已全局安装prettier（npm install -g prettier），否则运行时会报prettier not found -
HTML-CSS-JS Prettify：安装完即可用，但默认快捷键是Ctrl+Shift+H，不是常见的Ctrl+Shift+P+ 命令调用，容易误以为“没反应” - 别装
CSScomb—— 官方已停止维护，Sublime Text 4 下大概率报错AttributeError: 'NoneType' object has no attribute 'groups'
为什么按了快捷键没反应？检查这三件事
格式化命令失效，90% 是因为当前文件没被识别为 CSS，或插件根本没绑定到该语法。
- 确认右下角状态栏显示的是
CSS，不是Plain text或HTML；如果不是，点击它 →Set Syntax → CSS - 如果是
.vue或.svelte文件里的<style>块，HTML-CSS-JS Prettify默认不处理，得手动选中 CSS 内容再执行命令 - 用
Ctrl+Shift+P输入Beautify，看是否列出HTML/CSS/JS Prettify: Reindent Lines；没出现说明插件未生效，重装或检查 Sublime 日志（View → Show Console）里有无 import 错误
格式化效果不理想？重点调这两个配置
默认配置常把单行 CSS 展开成多行，或缩进混乱，实际只需改两个 key：
立即学习“前端免费学习笔记（深入）”；
- 在插件用户配置里（
Preferences → Package Settings → HTML-CSS-JS Prettify → Settings – User），加：{ "css": { "indent_size": 2, "end_with_newline": false } } -
JsPrettier则优先读取项目根目录的.prettierrc；若没配，它会用默认的 2 空格 + 单引号，但 CSS 中的url()会被强制转义，此时要在.prettierrc加"proseWrap": "preserve"避免破坏路径 - 别碰
indent_char设成\t—— 多数 CSS 预处理器（如 Sass）和构建工具（Vite/Webpack）默认认空格，混用会导致 sourcemap 错位
真正卡住人的地方，往往不是“怎么装”，而是“装完发现命令不亮”——先盯住右下角语法标识，再查控制台报错，比反复重装快得多。
