VSCode结合ESLint+Prettier仅部分格式化文件问题求助

• 检查ESLint与Prettier的冲突
  同时使用ESLint和Prettier时，ESLint的规则可能会覆盖Prettier的配置：

  • 确保安装了eslint-config-prettier和eslint-plugin-prettier，然后在ESLint配置文件（.eslintrc.js/.json）中添加：

    {
      "extends": ["plugin:prettier/recommended"]
    }
    

  • 排查ESLint是否存在no-semi、space-before-function-paren这类和Prettier冲突的规则，将它们设为off或者与Prettier配置对齐。

• 验证Prettier配置优先级

  • 打开VSCode设置（Ctrl+,），搜索Prettier: Semi，确认工作区设置为true——用户设置可能会强制覆盖项目的.prettierrc配置。
  • 检查项目根目录的.prettierignore文件，确认没有误将TS文件加入忽略列表。
  • 确认项目中的Prettier配置文件（.prettierrc.json/prettier.config.js）没有被子目录的配置覆盖，保证semi: true配置生效。

• 确认VSCode格式化关联设置

  • 打开TS文件，点击右下角的格式化工具名称，选择Prettier - Code formatter并设置为默认工具。
  • 检查settings.json中的格式化关联配置：

    {
      "editor.defaultFormatter": "esbenp.prettier-vscode",
      "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
      }
    }
    

  • 如果开启了editor.formatOnSaveMode: modifications，只有修改的部分会被格式化，之前的无分号代码不会自动修复，可改为file模式：

    "editor.formatOnSaveMode": "file"
    

• 重置Prettier插件状态

  • 按Ctrl+Shift+P，执行Prettier: Restart Prettier Server命令，重启Prettier服务。
  • 若无效，关闭VSCode，删除项目的.vscode/.tsbuildinfo文件后再重启。

• 排查插件冲突
  暂时禁用其他格式化类插件（如TSLint、Beautify），保存TS文件查看是否恢复正常，确认是否有其他插件干扰了Prettier的运行。

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