@angular-eslint/builder

Linting Angular TypeScript code

This feature allows developers to lint their Angular project's TypeScript code. The command 'ng lint' is used to execute the linting process, which checks the code for any issues or style violations based on the ESLint configurations.

ng lint

Customizable ESLint configurations

Developers can customize ESLint rules for their Angular projects. This code sample shows a snippet of an ESLint configuration file where specific rules for directive and component selectors are defined.

{
  "extends": "@angular-eslint/recommended",
  "rules": {
    "@angular-eslint/directive-selector": ["error", { "type": "attribute", "prefix": "app", "style": "camelCase" }],
    "@angular-eslint/component-selector": ["error", { "type": "element", "prefix": "app", "style": "kebab-case" }]
  }
}

Integration with Angular CLI

The package integrates with Angular CLI, allowing developers to add linting capabilities to their Angular CLI projects. This code sample shows how to configure the Angular workspace file (angular.json) to use @angular-eslint/builder for the linting process.

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