如何在Atom中正确设置Airbnb的javascript linter?

时间:2017-01-13 13:26:52

标签: javascript atom-editor lint eslint

令人惊讶的是,没有任何好的指南。 我无法使棉绒工作。我已经设置了.eslintrc,它将airbnb扩展到我保存所有项目的目录中。我不知道它是否是正确的目录。我也做过this。在Atom中没有任何东西是lint(文件确实有linting错误),所以我猜有一些缺失的步骤。

1 个答案:

答案 0 :(得分:1)

找到this指南。现在工作正常。

链接中的相关信息:

在项目中配置ESLint

我们需要做的第一件事是在我们的项目中配置ESLint。请记住,我们将使用AirBnB样式指南,因此我们无需安装所需的软件包,并使我们的ESLint配置从AirBnB ESLint配置扩展。

在本地安装ESLint到您的项目:> npm install eslint --save-dev。 安装AirBnB ESLint配置。按照包说明,我们需要执行下面的句子来安装正确的包版本和依赖项:

> export PKG=eslint-config-airbnb;
> npm info "$PKG" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG"

在项目的根目录中创建一个.eslintrc文件。我们必须确保将属性"extends": "airbnb"包含在配置中。 接下来是一个示例配置文件。注意我们从AirBnB继承了配置。另外,我们添加了eslint规则valid-jsdocrequire-jsdoc来强制我们为函数,方法和类编写一些JSDoc。

{
  "extends": "airbnb",
  "parser": "babel-eslint",
  "env": {
    "browser": true,
    "node": true,
    "es6": true,
    "mocha": true
  },
  "rules": {
    "valid-jsdoc": ["error", {
      "requireReturn": true,
      "requireReturnType": true,
      "requireParamDescription": true,
      "requireReturnDescription": true
    }],
    "require-jsdoc": ["error", {
        "require": {
            "FunctionDeclaration": true,
            "MethodDefinition": true,
            "ClassDeclaration": true
        }
    }]
  }
}

现在我们的项目配置了ESLint和AirBnB的基本规则集,但它要求我们手动执行ESLint或以某种方式自动化(在构建过程中)。

安装Atom插件

让我们将Atom配置为自动lint文件并在编码时向我们显示消息。

请确保您已成功完成上一部分。

安装Atom插件linter-eslint。你完蛋了 :) 该插件将自动检测项目中的.eslintrc文件,并将立即开始显示所有错误和警告的源代码。