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

Question

令人惊讶的是，在这方面没有任何好的指南。我无法让 linter 工作。我在我保存所有项目的目录中设置了扩展 airbnb 的 .eslintrc。我不知道它是否是正确的目录。我也做了this . Atom 中没有任何 lint(文件确实有 linting 错误)，所以我猜有一些遗漏的步骤。

Answer 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-jsdoc 和 require-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 配置为在编码时自动检查文件并向我们显示消息。

确保您已成功完成前面的部分。

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