如何配置 lint 来检测格式错误？

Question

我正在使用 Angular 14 和相同版本的 angular-eslint/eslint-plugin。我故意在我的组件中引入了这些格式错误

Welcome {{name }} 

及其服务（无缩进）...

  ngOnDestroy(): void {
  this.subject.next();
  this.subject.complete();
  }

但是，当我运行“ng lint”时，并没有报告这些错误。这不是“ng lint”报告的内容，还是我需要启用一些其他配置才能接收它？

Answer 1

我认为默认情况下 ng lint 只检查 ESLint 配置文件中定义的错误，它不会检查配置文件中未指定的其他格式错误

---

要让 ng lint 发现格式错误，你需要在项目的 ESLint 配置文件中包含更多的 ESLint 规则。您可以使用不同的规则来确保您的 JavaScript 代码遵循格式约定，例如缩进、引号、半角等。

---

我举例说明了如何设置缩进规则来检查错误 安装后

eslint-plugin-indent

npm install --save-dev eslint-plugin-indent

然后，更新您的项目 ESLint 配置文件 (.eslintrc.json) 以包含缩进规则：

{
  "root": true,
  "overrides": [
    {
      "files": ["*.ts"],
      "parserOptions": {
        "project": ["tsconfig.json"]
      },
      "extends": [
        "plugin:@angular-eslint/recommended",
        "plugin:@typescript-eslint/recommended",
        "eslint:recommended"
      ],
      "rules": {
        "indent": ["error", 2] // add this line to enforce 2-space indentation
      }
    }
  ]
}

使用此设置，ng lint 应报告 TypeScript 代码中的任何缩进错误 请记住，您可以自定义缩进规则以强制执行不同样式的缩进，例如使用具有不同宽度的制表符或空格。您还可以配置其他 ESLint 规则来强制执行其他格式约定，例如引号、分号等……