sublime text 4 不支持 csscomb，因其已停维护且在 python 3.8+ 下报 attributeerror；推荐 html-css-js prettify（需禁用 sort_properties）或 jsprettifier（要求 prettier ≥2.0）。
Sublime Text 4 装 CSScomb 会报 AttributeError: 'NoneType' object has no attribute 'groups'
这不是你配置错了，是插件本身在 Sublime Text 4 下已不可用。CSScomb 官方早已停止维护，其底层解析器在 ST4 的 Python 3.8+ 运行时环境下会因正则匹配失败返回 None，随后调用 .groups() 就直接崩。控制台里看到这行报错，基本可以判定插件已失效。
即使强行降级到 ST3 或旧版 CSScomb，它仍会：
- 吃掉 calc(100% - 2px) 中的空格，变成 calc(100%-2px)（浏览器可能不认）
- 删除 /* stylelint-disable */ 这类内联注释
- 把 clamp(1rem, 2.5vw, 1.25rem) 当作非法语法跳过或删行
- 默认开启属性排序，把 z-index 排到 display 前面
为什么 .csscomb.json 生成不了或不起作用
CSScomb 首次运行时本该在项目根目录生成 .csscomb.json，但这个行为依赖两个前提：
- 文件必须通过项目文件夹打开（即 Sublime 左侧边栏有项目路径），不是双击桌面单个
style.css - 右下角状态栏必须显示
CSS，不是Plain text或SCSS—— 点它手动选Set Syntax → CSS - 如果用了
.vue或.svelte文件里的<style></style>块，CSScomb 默认完全不识别，连配置文件都不会触发
即使生成了 .csscomb.json，它的默认配置里 "space-after-colon": " " 和 "space-before-opening-brace": "\n" 组合起来会让缩进错乱，尤其嵌套 @media 时容易多出空行或塌缩。
HTML-CSS-JS Prettify 是更稳的选择，但得关掉 sort_properties
它纯 Python 实现，不依赖 Node.js，ST4 兼容性好，对现代 CSS 解析也靠谱。但它有个隐藏坑："sort_properties": true 是默认开启的，而它的排序逻辑是字典序，不是语义顺序 —— 所以 z-index 真的会排到 display 前面。
解决方法很简单，在 Preferences → Package Settings → HTML-CSS-JS Prettify → Set Prettify Preferences 里加这一行：
{
"sort_properties": false,
"indent_size": 2,
"end_with_newline": true
}
注意：别改 Default 配置，只动 User 配置；改完保存，重启 Sublime 才生效。另外，它的快捷键 ctrl+alt+f 不是预设的，必须手动加到 Preferences → Key Bindings 用户配置里：
[{"keys": ["ctrl+alt+f"], "command": "html_css_js_prettify"}]
JsPrettier 能用，但 prettier 版本卡在 2.0 是硬门槛
如果你项目里已经跑着 prettier --version ≥ 2.0（比如团队统一用 stylelint --fix），那 JsPrettier 是更贴近工程流的选择。它能正确处理 ::before、--custom-property、@supports (display: grid) 等语法。
但版本低于 2.0 就不行 —— 旧版 prettier 会把 clamp() 当语法错误，格式化后直接删整条声明。验证方式很简单：终端执行 prettier --version，输出必须是 2.x 或更高。
装完插件后，同样要手动绑定快捷键：
[{"keys": ["ctrl+alt+f"], "command": "js_prettier"}]
而且它默认只处理完整文件，<style></style> 块里得先选中 CSS 内容再按快捷键，否则会尝试格式化整个 .vue 文件，报错退出。
真正麻烦的从来不是装哪个插件，而是搞清当前文件是不是被识别为 CSS、插件有没有绑到这个语法类型、以及现代 CSS 函数是否在解析器支持列表里——这三个点卡住，90% 的“没反应”就都解释得通了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
