如何解决VS Code禁用formatOnSave后仍自动格式化React代码问题

• 检查配置优先级冲突
  VS Code的工作区配置（项目根目录下.vscode/settings.json）优先级高于全局用户配置，你修改的全局formatOnSave规则可能被工作区配置覆盖，打开该文件检查是否存在"editor.formatOnSave": true条目，删除该条目或将值改为false即可。
• 排查插件独立自动保存规则
  常见的格式化、代码检查类插件（如Prettier、ESLint）自带独立的保存自动修复逻辑，不受全局formatOnSave开关控制，可按以下步骤调整：
  1. 打开VS Code设置，搜索editor.defaultFormatter，清空默认格式化器配置，也可单独针对.jsx/.tsx后缀文件取消关联格式化器
  2. 搜索codeActionsOnSave，检查是否存在"source.fixAll.eslint": true这类自动修复配置，不需要可将值改为false
  3. 若项目根目录存在.prettierrc、.eslintrc等规则配置文件，可调整规则匹配你的编码习惯，相比直接关闭格式化，对齐规则更利于项目代码规范
• 确认文件语言关联
  点击VS Code右下角的语言模式标识，确认当前文件被识别为JavaScript React或TypeScript React，若识别错误可手动选择后设置为对应后缀的默认关联，避免格式规则不匹配导致代码报错
• 插件冲突排查
  如果以上操作均不生效，可临时禁用所有第三方插件后测试保存行为，若不再自动格式化，逐个启用插件定位触发格式化的插件，再针对性调整对应插件的配置即可

内容的提问来源于stack exchange，提问作者Mwm Keshan