Prettier无法格式化React中的CSS代码，如何排查配置遗漏问题？

• 补充CSS语言专属格式化器配置
  全局配置已设置默认格式化器为Prettier，但可能存在CSS语言的单独格式化配置覆盖了全局规则，可在settings.json中添加以下配置：

"[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
// 若使用CSS预处理器，可补充对应语言的配置
"[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[less]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
}

• 检查配置优先级冲突
  项目根目录下的.prettierrc、.prettierignore等项目级配置文件优先级高于VSCode全局settings.json，确认.prettierignore未将CSS文件纳入忽略列表，也没有配置项禁用CSS格式化。同时如果项目开启了stylelint自动修复，可检查是否存在修复规则和Prettier格式化规则冲突的情况。
• 验证保存触发逻辑
  你当前配置的files.autoSave为onFocusChange，仅在编辑器失焦时才会触发保存和格式化逻辑，可手动按下Ctrl+S（Mac系统为Command+S）测试是否能触发CSS格式化。
• 检查插件运行状态
  确认Prettier插件esbenp.prettier-vscode处于启用状态，重启VSCode重载插件后再次测试，排除插件加载异常的问题。

内容的提问来源于stack exchange，提问作者Sumit Ghewade