WebStorm设置/配置React项目的eslint

Question

使用：WebStorm 2016.3

在使用create-react-app设置项目后，我从eslint收到各种警告。

关于在我的项目中使用/忽略有用的eslint警告的设置，文档不清楚。

Answer 1

首先在项目中设置/安装：npm i -D eslint babel-eslint

然后进入Webstorm首选项＆gt;语言与框架＆gt; Javascript＆gt;代码质量工具＆gt; ESLint

1. 将您的ESLint包设置为指向当前项目... /node_modules/eslint/或您通过npm安装了eslint的其他目录。
2. 确保选中“自动搜索”，这将使用项目目录中的.eslintrc文件
3. 在项目目录root＆amp;中创建.eslintrc添加配置：

{
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true,
      "modules": true
    }
  },
  "rules": {}
}