Eslint 和 prettier 在 Webstorm 上的冲突

Question

在我的项目中，我们在代码中同时使用了 ESLint 和 Prettier，它们似乎相互冲突。

这是

.prettierrc

文件中的 Prettier 配置：

  "endOfLine": "auto",
  "arrowParens": "avoid",
  "printWidth": 120,
  "singleQuote": true,
  "useTabs": false,
  "tabWidth": 2,
  "semi": true,
  "bracketSpacing": true,
  "trailingComma": "all",
  "overrides": [
    {
      "files": "*.scss",
      "options": {
        "singleQuote": false
      }
    }
  ]
}

这里是

.eslintrc.json

文件中 ESLint 的一部分：

{
  "root": true,
  "ignorePatterns": [
    "projects/**/*",
    "*.d.ts"
  ],
  "plugins": [
    "html",
    "import",
    "simple-import-sort",
    "@typescript-eslint"
  ],
  "overrides": [
    {
      "files": [
        "*.ts"
      ],
      "parserOptions": {
        "project": [
          "tsconfig.json"
        ],
        "createDefaultProgram": true
      },
      "extends": [
        "eslint:recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:@angular-eslint/recommended",
        "plugin:@angular-eslint/template/process-inline-templates",
        "airbnb-typescript/base"
      ],
      "rules": {
        
      }
    },
    {
      "files": [
        "*.component.html",
        "*.container.html"
      ],
      "extends": [
        "plugin:@angular-eslint/template/recommended"
      ]
    },
    {
      "files": [
        "*.component.ts",
        "*.container.ts"
      ],
      "extends": [
        "plugin:@angular-eslint/template/process-inline-templates"
      ]
    }
  ]
}

prettier 应该是 user 和所有文件，而 eslint 应该和 html、js 和 ts 一起使用。 以下是设置中的配置：

请帮助完成最终配置，以便一切正常。