配置Prettier的semi选项可控制CSS分号，true为添加false为不加，配合格式化工具实现统一风格。
在 VSCode 中格式化 CSS 代码时，分号的显示与格式化主要由编辑器内置的格式化工具或第三方插件（如 Prettier）控制。你可以通过配置相关设置来决定是否保留或自动添加分号。
1. 使用 VSCode 内置格式化工具控制分号
VSCode 自带对 CSS 的基本格式化支持，可以通过修改设置来影响分号行为：
• 打开设置界面：点击左下角齿轮图标 → 选择“设置”，或使用快捷键 Ctrl + ,• 搜索 “css semicolon”
• 找到选项 Css › Validate: Semicolon After Property
• 勾选或取消勾选以控制是否提示缺少分号
注意：这个设置主要用于语法校验提示，并不会在格式化时自动补全或删除分号。
2. 使用 Prettier 统一格式化并控制分号
大多数开发者使用 Prettier 来格式化 CSS，它能更灵活地控制分号等细节。
立即学习“前端免费学习笔记（深入）”；
• 安装 Prettier 插件：在扩展商店搜索 “Prettier - Code formatter” 并安装• 在项目根目录创建 .prettierrc 文件
• 添加如下配置：
{ "semi": true, // 是否在语句末尾添加分号 "trailingComma": "es5", "singleQuote": true, "printWidth": 80 }
其中 semi: true 表示启用分号，false 则不加。
• 设置 Prettier 为默认格式化工具：
右键编辑器 → “格式化文档时使用…” → 选择 “Prettier”
3. 针对 CSS/SCSS 特定规则配置
Prettier 对 CSS 默认会在每个声明后加分号，例如：
background-color: red; 而不是 background-color: red
• 如果你希望严格控制样式表中的分号，确保 Prettier 启用且配置正确• 对于 SCSS 等预处理器，Prettier 同样适用，但注意嵌套规则中的分号仍会保留
• 可通过 .prettierignore 排除不需要格式化的文件
4. 手动触发格式化与保存时自动格式化
• 手动格式化：右键 → “格式化文档” 或使用快捷键 Shift + Alt + F• 开启保存时自动格式化：
在设置中搜索 “format on save”，勾选 Editor: Format On Save
这样每次保存文件时，Prettier 会自动根据配置添加或保留分号，保持代码风格统一。
基本上就这些。只要配置好 Prettier 并明确 semi 选项，就能完全控制 CSS 中分号的显示和格式化行为。内置验证可用于辅助提示，但真正起作用的是格式化工具的实际输出规则。
