VSCode中Prettier保存时格式化与命令行不一致问题排查

• 确认VSCode默认格式化器为Prettier
  打开VSCode设置，搜索editor.defaultFormatter，确保其值为esbenp.prettier-vscode——如果设置成了其他工具（如ESLint、Vetur），保存时会优先使用对应工具的规则，覆盖Prettier的结果。

• 对齐VSCode插件与本地Prettier版本
  本地Prettier是2.8.0，但VSCode的Prettier插件版本可能存在兼容问题。可以：

  1. 更新VSCode的Prettier插件至最新版；
  2. 在设置中搜索prettier.prettierPath，将其设置为项目本地Prettier的路径，比如./node_modules/prettier，强制插件使用本地指定版本。

• 排查其他插件的格式化冲突
  若同时启用了ESLint的自动修复功能，可能会和Prettier的格式化结果冲突。可以：

  • 检查editor.codeActionsOnSave设置，避免同时开启ESLint修复和Prettier格式化；
  • 安装eslint-config-prettier禁用ESLint中与Prettier冲突的规则，确保两者兼容。

• 验证保存格式化的基础设置
  确认editor.formatOnSave已设为true，同时editor.formatOnSaveMode设置为file——如果设为modifications，仅会格式化修改部分，可能出现整体格式不一致的情况。

• 检查项目Prettier配置文件的有效性
  确保项目根目录存在.prettierrc、.prettierrc.json或prettier.config.js等合法配置文件，且文件语法无错误。若配置文件未被识别，VSCode的Prettier插件会使用默认规则，和手动运行npx prettier --write的结果产生差异。

• 排查工作区与用户设置的冲突
  VSCode的工作区设置会覆盖用户级设置，打开工作区的settings.json，确认其中的格式化相关选项没有覆盖用户设置中的正确配置。

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