sublime text 需装 html-css-js prettify 或 jsprettier 插件才能格式化 css；90% 调不出命令是因语法未设为 css，需右下角手动设置；推荐配置缩进为2空格、关闭属性排序，并优先用 stylelint --fix 与团队规范对齐。
Sublime Text 本身不支持一键美化 CSS，必须装插件；装错插件或没配对语法，Ctrl+Shift+P 里根本搜不到 “Beautify CSS” 这类命令。
为什么装了插件却调不出格式化命令？
90% 是因为 Sublime 没把当前文件识别为 CSS 语法，或者插件压根没绑定到该语法类型。
- 看右下角状态栏：必须显示
CSS，不是Plain text、HTML或SCSS；如果不是，点击它 →Set Syntax → CSS - 如果是
.vue或.svelte文件里的<style></style>块，HTML-CSS-JS Prettify默认不处理，得先手动选中 CSS 内容再运行命令 - 按
Ctrl+Shift+P输入Beautify，如果没出现HTML/CSS/JS Prettify: Reindent Lines，说明插件未生效——打开控制台（View → Show Console）查有没有ImportError或no module named报错
别装 CSScomb，它在 Sublime Text 4 下大概率报错
CSScomb 官方已停止维护，Sublime Text 4 启动时容易抛 AttributeError: 'NoneType' object has no attribute 'groups'。即使能跑，它的默认配置也会吃掉 calc(100% - 2px) 里的空格、删掉 /* stylelint-disable */ 注释，还误判现代函数如 clamp() 为无效语法。
- 真正稳定可用的是
HTML-CSS-JS Prettify（纯 Python，开箱即用）或JsPrettier（需 Node.js +prettier全局安装） - 前者适合纯前端快速上手；后者适合已有 Prettier 生态的项目，但要注意
prettier版本必须 ≥ 2.0，否则解析不了::before和--custom-property - 装完
HTML-CSS-JS Prettify后，默认快捷键是Ctrl+Shift+H，但新版本其实没预设快捷键——得手动加到Preferences → Key Bindings用户配置里
格式化后缩进错乱、属性顺序变了？改这两个配置就够了
插件默认用 4 空格缩进、按 ASCII 字母序排属性，但项目通常要求 2 空格 + 手写顺序。这不是“格式化出错”，是你没告诉插件要怎么排。
- 进
Preferences → Package Settings → HTML-CSS-JS Prettify → Settings – User，加：
{
"css": {
"indent_size": 2,
"sort_properties": false
}
}
sort_properties 设为 false 才保留你写的顺序；设成 true 会把 z-index 排到 width 前面indent_char 改成 \t——所有主流构建工具（Vite/Webpack）和预处理器（Sass/Less）都认空格，混用会导致 sourcemap 错位想和团队规范对齐？绕过插件，直接调用 stylelint --fix
如果你的项目已接入 stylelint，用插件格式化反而容易和 CI/CD 冲突：本地一格式化，Git 提交后又被 husky 自动重排。
- 新建构建系统：
Tools → Build System → New Build System，填入：
{
"cmd": ["npx", "stylelint", "$file", "--fix"],
"selector": "source.css"
}
Stylelint.sublime-build，之后按 Ctrl+Shift+B 就能用项目级规则格式化$file 是 .css 文件就生效最常被忽略的一点：插件配置只在你真正编辑的文件里生效；如果只是临时打开一个 .css 片段、没保存也没设对语法，所有配置都是白搭。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
