Vue项目无法将Prettier设为默认格式化工具问题排查咨询

• 核对项目依赖
  对比两个项目的package.json，确认异常项目是否安装了prettier（含开发依赖）。未安装的话执行 npm install prettier --save-dev 或 yarn add prettier --dev 补装。

• 检查Prettier配置文件
  确认异常项目是否存在.prettierrc、.prettierrc.js、prettier.config.js这类配置文件，或是package.json里的prettier字段。可直接复制正常项目的配置文件到异常项目测试。

• 排查编辑器格式化配置

  • 确认编辑器（如VS Code）已安装Prettier插件且处于启用状态。
  • 在编辑器设置中搜索Default Formatter，确保Vue文件的默认格式化工具设为esbenp.prettier-vscode。
  • 暂时禁用Vetur、ESLint等其他格式化类插件，排查是否存在冲突。

• 检查ESLint集成配置（若项目用ESLint）
  确认是否安装eslint-plugin-prettier和eslint-config-prettier，并在ESLint配置文件中集成Prettier规则，示例配置：

  module.exports = {
    extends: [
      'plugin:prettier/recommended'
    ]
  }
  

  缺失依赖则执行 npm install eslint-plugin-prettier eslint-config-prettier --save-dev 安装。

• 核对Vue插件配置
  若使用Vetur插件，在VS Code设置中搜索Vetur > Format > Default Formatter: Vue，确认设置为prettier而非Vetur自带工具。

• 清除缓存并重启编辑器
  关闭编辑器后删除项目node_modules/.cache目录（若存在），重新打开编辑器并重启项目。

• 确认文件语言模式
  检查异常项目的Vue文件是否被编辑器正确识别为Vue语言模式，可在编辑器右下角手动切换语言模式测试。

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