启用格式化功能并安装Prettier插件，通过设置自动保存格式化或使用快捷键Shift+Alt+F，可将多行CSS属性整齐排列，提升代码可读性。
在 VSCode 中格式化多行 CSS 属性，让代码整齐美观，主要依赖内置的格式化工具或扩展插件（如 Prettier）。以下是具体操作步骤：
启用默认格式化功能
VSCode 自带对 CSS 的基本格式化支持，确保已开启：
- 打开设置（Ctrl + , 或菜单 File > Preferences > Settings）
- 搜索 format on save，勾选“Editor: Format On Save”，保存时自动格式化
- 也可勾选 format on paste 和 format on type，提升编辑体验
使用快捷键手动格式化
针对已写好的多行 CSS 代码，可手动触发格式化：
- 选中需要格式化的 CSS 代码块（或按 Ctrl + A 全选）
- 右键选择 Format Document With...
- 选择默认格式化工具（如 Prettier 或 built-in CSS formatter）
- 或直接使用快捷键 Shift + Alt + F（Windows）/ Shift + Option + F（Mac）
安装 Prettier 提升格式化效果
Prettier 是更强大的代码格式化工具，推荐用于统一 CSS 排版：
立即学习“前端免费学习笔记（深入）”；
- 在扩展商店搜索 Prettier - Code formatter 并安装
- 安装后，Prettier 会自动识别 CSS、SCSS 等文件
- 可在项目根目录添加 .prettierrc 配置文件，自定义换行、缩进等规则
- 例如设置
singleQuote: true、printWidth: 80等，控制输出样式
调整 CSS 格式化样式（可选）
若希望多属性每行一个、缩进一致：
- 确保 Prettier 或 VSCode 设置中启用了 single line per property 类似风格
- Prettier 默认会将长属性换行并对齐，无需额外设置
- 如果使用 SCSS 或 Less，确认语言模式正确，避免格式化失效
基本上就这些。只要开启格式化功能并配合 Prettier，VSCode 能自动把杂乱的多行 CSS 属性整理得清晰整齐，提升代码可读性。
