如何在 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