如何配置ESLint遵循Angular最佳实践？

1. 首先，安装 ESLint 和相关插件。

npm install eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-import eslint-plugin-jsdoc eslint-plugin-prefer-arrow eslint-plugin-prefer-object-spread @angular-eslint/eslint-plugin @angular-eslint/eslint-plugin-template

2. 创建 ESLint 配置文件 .eslintrc.json 并添加以下内容：

{
  "root": true,
  "overrides": [
    {
      "files": ["*.ts"],
      "parser": "@typescript-eslint/parser",
      "plugins": [
        "@typescript-eslint",
        "@angular-eslint"
      ],
      "extends": [
        "plugin:@typescript-eslint/recommended",
        "plugin:@angular-eslint/recommended"
      ],
      "rules": {
        // add your own rules here
      }
    }
  ]
}

3. 针对各种 Angular 推荐实践，添加自己的规则。例如，对组件使用推荐的命名约定：

{
    "rules": {
        "@angular-eslint/component-class-suffix": [
            "error",
            {
                "suffixes": ["Component", "View"]
            }
        ],
        "@angular-eslint/component-selector": [
            "error",
            {
                "type": "element",
                "prefix": "app",
                "style": "kebab-case"
            }
        ]
    }
}

4. 在项目中自定义规则，这可以基于任何遵循 Angular 的最佳实践，例如有关模块导入的规则。

{
    "rules": {
        "import/no-unassigned-import": "error",
        "no-console": "warn",
        "prefer-arrow/prefer-arrow-functions": "error",
        "@typescript-eslint/explicit-member-accessibility": "off",
        "@typescript-eslint/no-explicit-any": "off",
        "@typescript-eslint/explicit-function-return-type": "off",
        "@typescript-eslint/no-empty-function": "off",
        "@typescript-eslint/no-unused-vars": ["error", {
            "argsIgnorePattern": "^_"
        }],
        "@typescript-eslint/no-use-before-define":