reactjs-如何在Atom Edi上为React配置ESLint

在Atom Editor中,我安装了以下插件

  1. 短绒
  2. 夹棉

看来他们不认识JSX语法。

我在命令行上运行它,但不得不使用其他插件,例如esprima-fbeslint-plugin-react。看起来Atom Editor没有此类插件,并且想知道你们中是否有人知道如何解决此问题。

cuadraman asked 2020-01-13T15:58:19Z
5个解决方案
67 votes

为了使Eslint与React.js很好地配合使用:

  1. 安装linter和linter-eslint插件
  2. 运行npm install eslint eslint-plugin-react --save-dev
  3. npm install eslint eslint-plugin-react --save-dev添加到您的.eslintrc配置文件
  4. Add npm install eslint eslint-plugin-react --save-dev to your .eslintrc config file

这是一个npm install eslint eslint-plugin-react --save-dev配置文件的示例:

{
    "env": {
        "browser": true,
        "node": true
    },

    "globals": {
        "React": true
    },

    "ecmaFeatures": {
        "jsx": true
    },

    "plugins": [
        "react"
    ]
}

我目前正在使用Eslint v1.1.0。

边注:我必须同时安装eslint和eslint-plugin-react作为项目依赖项(例如npm install eslint eslint-plugin-react --save-dev)。 希望这会有所帮助。

Jon Saw answered 2020-01-13T16:00:11Z
36 votes

2016年更新的答案:只需将2701023162972971718656软件包安装在Atom中,然后在项目根目录(或主目录)中添加一个270102316297171718656文件,其中包含以下内容:

{
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "es6": true
  }
}

然后重新打开所有包含JSX的文件,它应该可以工作。

jackocnr answered 2020-01-13T16:00:35Z
7 votes

您需要编辑一个项目本地eslint-plugin-react文件,该文件将由ESLint接收。 如果要与Atom集成,则可以安装插件linter和linter-eslint。

为了快速设置ESLint以实现React最佳实践,当前的最佳选择是安装npm包eslint-plugin-react并扩展其eslint-plugin-react配置,而不是手动切换许多规则:

{
  "extends": [ "eslint:recommended", "plugin:react/recommended" ],
  "plugins": [ "react" ]
}

这将启用eslint-plugin-react和ESLint&React预设中的建议规则。 最新的ESLint用户指南本身提供了更多有价值的信息。

这是为ES6和webpack优化的解析器选项的示例:

{
  "parserOptions": {
    "sourceType": "module",
    "ecmaVersion": 6,
    "ecmaFeatures": {
      "impliedStrict": true,
      "experimentalObjectRestSpread": true,
      "jsx": true
    }
  }
}
Rafi B. answered 2020-01-13T16:01:09Z
0 votes

我使用Atom,并且效果很好。 您只需要在项目根目录中有一个.eslintrc,它告诉ESLint您正在使用eslint-plugin-react

Anders Ekdahl answered 2020-01-13T16:01:30Z
0 votes
  1. 对于Mac用户:转到Atom->首选项->安装->搜索程序包linter-eslint->单击安装

  2. 对于Ubuntu用户:转到编辑->首选项->安装->搜索软件包linter-eslint->单击安装

  3. 转到命令行---> npm install --save-dev eslint-config-rallycoding

  4. 来原子制作新文件.eslintrc并扩展rallycoding。

iPragmatech answered 2020-01-13T16:02:03Z
translate from https://stackoverflow.com:/questions/30294870/how-to-config-eslint-for-react-on-atom-editor