sublime text 4 基本不能用 csscomb，因其插件已停止维护且底层解析器失效；可行方案是手动搭建 cli 环境：安装 node.js（≥v16）、全局安装 csscomb、配置绝对路径及 .csscomb.json，并推荐改用 html-css-js prettify（需关闭 sort_properties）。
Sublime Text 4 能不能用 CSScomb？基本不能
Sublime Text 4 启动时大概率抛 AttributeError: 'NoneType' object has no attribute 'groups'，这不是配置问题，是插件底层解析器已失效。官方 CSSCombSublime 插件早在 2025 年底停止维护，Package Control 安装的版本在 ST4 下多数根本加载不了——控制台里会刷出 ImportError: No module named ssl 或 command not found: csscomb。即使侥幸跑起来，它也会吃掉 calc(100% - 2px) 里的空格、删掉 /* stylelint-disable */ 注释、把 clamp(1rem, 2.5vw, 1.5rem) 当作无效语法报错。
想用 CSScomb，必须绕过 Package Control 手动搭 CLI 环境
真正能跑通的路径只有一条：本地装 Node.js（≥ v16），全局装 csscomb CLI，再让 Sublime 调用它。关键步骤如下：
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 终端运行
node -v和npm -v确认环境可用 - 执行
npm install -g csscomb（不是csscomb-cli，后者已废弃） - 运行
csscomb --version验证命令可执行；若提示command not found，说明 npm global bin 路径没进系统PATH - 手动创建
Sublime-CSS-Comb插件文件夹，在其中放csscomb.py，且必须硬编码csscomb_path为绝对路径（比如 macOS 上是/opt/homebrew/bin/csscomb） - 项目根目录必须存在
.csscomb.json，否则插件不触发——这意味着你得先在项目里打开 CSS 文件，而不是双击桌面文件
HTML-CSS-JS Prettify 是更稳的选择，但得关掉默认排序
它纯 Python 实现，不依赖 Node，ST4 下开箱即用，但默认行为会破坏手写顺序：z-index 被排到 width 前面、display 被挪到 position 后面。要保留原始顺序，必须改配置：
- 打开
Preferences → Package Settings → HTML-CSS-JS Prettify → Settings - 把
"sort_properties": true改成false - 缩进设为 2 空格：
"indent_size": 2，别碰indent_char改成\t，构建工具和 sourcemap 会出错 - 右下角状态栏必须显示
CSS，不是Plain text或SCSS；.vue里的<style></style>块需先手动选中再运行命令
现代 CSS 特性容易被格式化工具误伤
--custom-property、::before、env(safe-area-inset-top)、aspect-ratio 这些特性在旧版格式化工具里常被当作非法语法处理。CSScomb 默认配置会删掉 /* prettier-ignore */ 注释，HTML-CSS-JS Prettify 对含 ${} 的字符串（如 url("${icon}")）直接报错退出。遇到这类代码块，最可靠的做法是手动选中、跳过格式化，而不是指望插件“智能识别”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
