如何在 Angular CLI 创建的项目中使用 ESLint

目前使用 Angular CLI 创建的项目，默认使用的代码检测工具还是 TSLint。如何把这个项目中的代码检测工具改成 ESLint 呢？Angular ESLint 已经给出了解决方案，按章节 Migrating an Angular CLI project from Codelyzer and TSLint 的描述一步步操作就可以了。

当然，我们也可以自己安装 @angular-eslint/builder，在 Angular.json 中修改 lint，然后按照自己的需要配置 ESLint。

{
  "lint": {
    "builder": "@angular-eslint/builder:lint",
    "options": {
      "lintFilePatterns": [
        "src/**/*.ts"
      ]
    }
  }
}    

现在，我们执行 npm run lint 或者 ng lint，就会运行 ESLint 来检测代码了。

文中使用的工具或者包的版本：
Angular CLI 11.0.6、eslint 7.17.0、@angular-eslint/builder 1.0.0