首先确认文件语言模式为CSS，再检查默认格式化工具设置是否正确，确保启用格式化功能并排除插件冲突，最后验证快捷键绑定，按步骤排查可解决90%问题。
VSCode 格式化 CSS 代码不生效，通常与编辑器设置、语言模式识别或插件冲突有关。下面列出常见原因及对应的解决方法，帮助你快速恢复格式化功能。
检查文件语言模式是否正确
VSCode 必须正确识别当前文件为 CSS，才能应用相应的格式化规则。
- 查看右下角状态栏的语言标识，确认显示的是 CSS 而不是其他类型（如 Plain Text）
- 点击该标识，选择“Configure File Association for .css”，然后指定为 CSS
- 确保文件扩展名是 .css，如果是自定义后缀或内联样式，可能需要手动切换语言模式
确认默认格式化工具设置正确
VSCode 可能未设置默认的 CSS 格式化程序，或被其他插件覆盖。
- 打开设置（Ctrl + ,），搜索 “default formatter”
- 找到 “CSS › Format: Default Formatter”，设置为内置的 vscode.css-language-features
- 如果你使用了 Prettier 等第三方工具，确保已安装并设为默认，例如选择 esbenp.prettier-vscode
- 在项目根目录检查 .prettierrc 或 package.json 中的配置是否限制了 CSS 格式化
启用格式化功能并检查快捷键绑定
有时格式化功能被意外禁用或快捷键冲突。
立即学习“前端免费学习笔记（深入）”；
- 确保设置中启用了格式化：搜索 “format on save”，勾选 Editor: Format On Save
- 尝试手动格式化：右键编辑器空白处，选择“Format Document With...”，然后选择正确的格式化器
- 使用快捷键 Ctrl + Shift + I（Windows/Linux）或 Cmd + Shift + I（Mac）进行区域格式化
- 检查键盘快捷方式是否有冲突：进入“键盘快捷方式设置”，搜索 format，确认快捷键有效
排查插件冲突或重置设置
某些扩展可能干扰默认格式化行为。
- 暂时禁用所有已安装的格式化相关插件（如 Beautify、Stylelint 等），测试原生格式化是否正常
- 若恢复正常，逐个启用插件，定位冲突源
- 重置用户设置：删除或备份 settings.json 文件（位于 VSCode 用户配置目录），重启编辑器使用默认配置测试
基本上就这些。按照上述步骤逐一排查，90% 的 CSS 格式化问题都能解决。重点是确认语言模式正确、格式化器已设置且未被覆盖。如果仍无效，可尝试更新 VSCode 或重新安装编辑器。
