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

2019年7月28日 165次阅读

令人惊讶的是,没有任何好的指南.

我无法使棉绒工作.我已经设置了.eslintrc,它将airbnb扩展到我保存所有项目的目录中.我不知道它是否是正确的目录.我也做了
this.在Atom中没有任何东西是lint(文件确实有linting错误),所以我猜有一些缺失的步骤. 最佳答案 找到
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配置为自动lint文件并在编码时向我们显示消息.

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

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

点赞