如何在VS Code中关闭Prettier衍生的ESLint错误提示？

你可以通过以下两种方式实现需求——既保留plugin:prettier/recommended插件用于提交前钩子和GitHub Actions的校验，又在VS Code中隐藏格式相关的红色下划线提示：

方法一：通过VS Code设置单独禁用ESLint的Prettier规则提示 #

在VS Code的settings.json中添加配置，仅在编辑器内关闭prettier/prettier规则的错误提示：

"eslint.rules.customizations": [
  {
    "rule": "prettier/prettier",
    "severity": "off"
  }
]

这种方式不会修改项目的ESLint全局配置，提交前钩子和GitHub Actions中的ESLint校验依然会正常触发该规则，确保代码格式合规后才能推送。

方法二：通过ESLint配置区分开发与CI环境 #

在项目的.eslintrc（或.eslintrc.json）中添加overrides配置，仅在开发环境下关闭prettier/prettier规则，CI环境保持校验：

{
  "extends": ["plugin:prettier/recommended"],
  "overrides": [
    {
      "files": ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx"], // 根据你的项目文件类型调整
      "env": {
        "development": true
      },
      "rules": {
        "prettier/prettier": "off"
      }
    }
  ]
}

• 开发时VS Code默认会启用development环境，因此不会显示格式错误提示；
• 提交前钩子和GitHub Actions中运行ESLint时，可通过--env production参数切换到生产环境，此时prettier/prettier规则会重新生效，完成格式校验与修复。

额外注意 #

确保你已经开启VS Code的保存自动格式化功能（比如通过editor.formatOnSave: true并指定默认格式化工具为Prettier或ESLint），这样开发时保存代码会自动修复格式问题，无需依赖编辑器的错误提示。

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