9

我最近在我的 Angular 应用程序中添加了 ESLint-ing,并很快意识到我需要eslint-plugin-angular插件才能让我的应用程序被正确地 lint。

在此之前,我在.eslintrc文件中使用 extends 属性并设置为eslint:recommended使用 eslint 推荐的规则集。

{
  "extends": "eslint:recommended"
}

我通过在我的代码中的对象定义中添加尾随逗号来测试它是否有效,以确保我看到 eslint 出现错误。

现在,按照 eslint-plugin-angular 的指南,我还安装了 eslint-config-angular,我发现最快的入门方法是使用可共享配置。

如果我使用扩展角度配置选项代替我当前的:

{
  "extends": "angular"
}

我不再因为意外的尾随逗号而引发错误。

那么,有没有一种方法可以同时使用角度和eslint:recommended扩展配置选项?例如:

{
  "extends": ["angular", "eslint:recommended"]
}

(我知道这不起作用)

如果不是,这是否意味着我必须在我的规则配置对象中创建一个.eslintrc模仿 eslint 推荐的规则配置对象?

{
  "extends": "angular",
  "rules" : {
    ...
  }
}
4

2 回答 2

10

我不能说在输入这篇 SO 文章之间是否有代码更改,但我"extends": ["eslint:recommended", "angular"]在我的.eslintrc文件中使用它并且工作正常。我有它在同一级别的"env"财产。

我的package.json文件分别有2.3.0eslinteslint-plugin-angular0.5.0 版本。

于 2016-03-08T04:42:57.370 回答
0

如果您使用的是 TypeScript(如 Angular2),则可以使用tslint。Microsoft 的 tslint和tslint-microsoft-contribeslint 规则

最后,还有一个 Angular2 的规则集:codelyzer

于 2016-04-30T09:07:17.210 回答