ESLint：对angularjs应用程序使用建议的默认规则

Question

我最近在我的角度应用程序中添加了ESLint，并很快意识到我需要eslint-plugin-angular插件才能使我的应用程序正确显示。

在此之前，我在我的.eslintrc文件中使用extends属性并设置为eslint:recommended以使用建议的eslint规则集。

{
  "extends": "eslint:recommended"
}

我通过在代码中向对象定义添加一个尾随逗号来测试它，以确保我看到eslint出现错误。

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

如果我使用extends angular config选项代替当前的：

{
  "extends": "angular"
}

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

那么，有没有一种方法可以在extends config选项中同时使用angular和eslint:recommended？ E.g：

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

（我知道这不起作用）

如果没有，这是否意味着我必须在.eslintrc中创建一个规则配置对象来模仿eslint推荐的那些？

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

Answer 1

我无法谈论在输入此SO文章之间是否存在代码更改但我在"extends": ["eslint:recommended", "angular"]文件中使用.eslintrc并且它工作正常。我将它与"env"属性处于同一级别。

我的package.json文件分别有eslint和eslint-plugin-angular版本2.3.0和0.5.0。

Answer 2

如果您使用的是TypeScript（如Angular2），则可以使用tslint。 来自Microsoft的eslint rules for tslint和tslint-microsoft-contrib。

最后，Angular2有一个规则集：codelyzer