更漂亮的 eslint：使用 'prettier' 或 'plugin:prettier/recommended' 和 React Typescript airbnb eslint 配置

Question

在我的 React Typescript 项目中，我将prettier 、 eslint-plugin-prettier prettier 和eslint-config-prettier更新到了最新版本。 我也在使用eslint-config-airbnb-typescript 。

我在eslintrc.js的扩展属性中有以下内容：

extends: [
    'airbnb',
    'airbnb-typescript',
    'airbnb/hooks',
    // "plugin:@typescript-eslint/recommended",
    // "plugin:@typescript-eslint/recommended-requiring-type-checking",
    // "plugin:eslint-comments/recommended",
    'plugin:react/recommended',
    'plugin:jest/recommended',
    // 'plugin:prettier/recommended', <- Should I add this?
    // 'prettier' <- or this?
  ],

阅读更新日志后我很困惑。 我应该在eslintrc.js eslint 配置中的扩展属性中使用prettier还是plugin:prettier/recommended recommended ？

Answer 1

plugin:prettier 可以解决问题@meez。