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

npm install eslint @angular-eslint/eslint-plugin @angular-eslint/template-parser @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev

{
  "root": true,
  "ignorePatterns": [
    "projects/**/*"
  ],
  "overrides": [
    {
      "files": [
        "*.ts"
      ],
      "parserOptions": {
        "project": [
          "tsconfig.json"
        ]
      },
      "extends": [
        "eslint:recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:@angular-eslint/recommended",
        "plugin:@angular-eslint/template/process-inline-templates"
      ],
      "rules": {
        // 自定义规则
        "@angular-eslint/component-selector": [
          "error",
          {
            "type": "element",
            "prefix": "app",
            "style": "kebab-case"
          }
        ],
        "@angular-eslint/directive-selector": [
          "error",
          {
            "type": "attribute",
            "prefix": "app",
            "style": "camelCase"
          }
        ]
      }
    },
    {
      "files": [
        "*.html"
      ],
      "extends": [
        "plugin:@angular-eslint/template/recommended"
      ],
      "rules": {
        // 自定义HTML规则
      }
    }
  ]
}

"scripts": {
  "lint": "eslint . --ext .ts,.html"
}

npm run lint

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@app/*": ["src/app/*"]
    }
  }
}

"rules": {
  "no-console": "warn",
  "@angular-eslint/no-input-rename": "off"
}

npm run lint -- --cache