推荐安装html-css-js prettify插件，通过package control安装后需手动配置快捷键（如ctrl+alt+f）和格式选项（如缩进2空格、禁用属性排序），并确保语法高亮设为css模式。
怎么装 Sublime 的 CSS 格式化插件
直接装 JsPrettier 或 HTML-CSS-JS Prettify 就行，别碰那些名字带“Beautify”但两年没更新的插件。前者依赖 prettier CLI，后者内置格式化逻辑，更轻量。
推荐走 Package Control 安装：
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS），输入Package Control: Install Package - 搜
HTML-CSS-JS Prettify，回车安装 - 装完重启 Sublime（部分版本不重启会识别不到命令）
注意：如果系统没装 node，JsPrettier 会报错 Node.js not found；而 HTML-CSS-JS Prettify 不依赖外部环境，适合纯前端快速上手。
Ctrl+Shift+H 没反应？快捷键冲突或没绑定
默认快捷键不是 Ctrl+Shift+H，那是旧版插件的遗留设定。新装的 HTML-CSS-JS Prettify 默认没绑定任何快捷键，得手动配。
- 菜单栏点
Preferences → Key Bindings，打开用户键位文件 - 加一行：
[{"keys": ["ctrl+alt+f"], "command": "html_css_js_prettify"}] - 保存后，用
ctrl+alt+f（Win/Linux）或cmd+alt+f（macOS）触发
常见坑：复制粘贴时漏了方括号或逗号，导致整个键位文件失效，Sublime 启动变慢甚至不响应——建议改完先用 JSON 验证工具检查语法。
CSS 格式化后缩进错乱、属性顺序乱？配置没对上
插件默认用 4 空格缩进、按字母序排属性，但项目可能要求 2 空格 + 自定义顺序（比如 display 在前、z-index 在后）。这些不能靠“自动识别”，得手动告诉插件。
- 菜单栏
Preferences → Package Settings → HTML-CSS-JS Prettify → Set Format Options - 在弹出的用户配置里加：
"css": {"indent_size": 2, "sort_properties": false} - 保存后，再格式化就按你的规则来了
注意：sort_properties 设为 false 才保留手写顺序；设为 true 会强制按 ASCII 排，z-index 可能跑到 width 前面。
格式化后伪类、自定义属性（--xxx）被删了？语法解析器太老
老版本插件用的 CSS 解析器不认 ::before 双冒号写法，也不支持 CSS 变量，一格式化就把整行当无效语法删掉。
- 确认插件是最新版：
Package Control → Upgrade Package → HTML-CSS-JS Prettify - 如果还是不行，换用
JsPrettier并确保本地prettier版本 ≥ 2.0：npm install -g prettier
- 然后在
JsPrettier配置里指定："auto_format_on_save": true, "custom_file_extensions": ["css", "scss"]
真正容易被忽略的是：Sublime 的语法高亮模式必须设成 CSS（右下角点击切换），如果误设成 Plain Text 或 SCSS，插件根本不会触发格式化。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
