小编典典

如何在Atom编辑器上配置ESLint for React

reactjs

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

  1. 短绒
  2. 夹棉

看来他们不认识JSX语法。

我在命令行上运行它,但不得不使用其他插件,例如esprima-fbeslint-plugin-react。似乎没有适用于Atom
Editor的插件,并且想知道你们中是否有人知道解决此问题的方法。


阅读 296

收藏
2020-07-22

共1个答案

小编典典

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

  1. 安装linter和linter-eslint插件
  2. npm install eslint-plugin-react
  3. 添加"plugins": ["react"]到您的.eslintrc配置文件
  4. 添加"ecmaFeatures": {"jsx": true}到您的.eslintrc配置文件

这是.eslintrc配置文件的示例:

{
    "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)。希望这会有所帮助。

2020-07-22