安装HTML-CSS-JS Prettify插件后，通过Ctrl+Shift+H（或Cmd+Shift+H）可快速格式化CSS代码，并支持自定义缩进、换行等美化设置，提升代码可读性与开发效率。
Sublime Text 本身不自带 CSS 格式化功能，但通过安装插件可以轻松实现 CSS 代码的格式化与美化。最常用的方法是使用 HTML-CSS-JS Prettify 插件，它支持 CSS、HTML 和 JavaScript 的代码美化。
1. 安装 HTML-CSS-JS Prettify 插件
确保你已安装 Package Control（Sublime 的插件管理工具），然后按以下步骤操作：
- 按下 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac）打开命令面板
- 输入 Install Package 并选择它
- 搜索 HTML-CSS-JS Prettify，点击安装
2. 使用快捷键格式化 CSS
安装完成后，你可以用以下方式快速美化 CSS 文件：
- 打开一个 .css 文件
- 全选代码（Ctrl+A）
- 按下快捷键：Ctrl+Shift+H（Windows/Linux）或 Cmd+Shift+H（Mac）
代码会立即按照默认规则自动缩进和排版，变得更清晰易读。
立即学习“前端免费学习笔记（深入）”；
3. 自定义格式化设置（可选）
如果你想调整缩进风格、大括号位置等，可以修改插件配置：
- 点击菜单栏：Tools → Command Palette
- 输入并选择：Set Prettify Config
- 选择 CSS 配置模板，例如使用 2 空格缩进或换行风格
配置示例（可添加到用户设置中）：
{
"format_on_save": false,
"js_options": {},
"css_options": {
"indent_size": 2,
"selector_separator_newline": true
}
}
基本上就这些。安装一次插件后，以后每次都可以用 Ctrl+Shift+H 快速美化 CSS 代码，提升编码效率。
