WebStorm安装/配置React项目的eslint

Question

使用: WebStorm 2016.3

在使用create-react-app建立一个项目之后，我会收到来自eslint的各种警告。

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

Answer 1

第一次安装/安装:项目中的npm i -D eslint babel-eslint

然后进入> Language &Framework> Javascript >代码质量工具> ESLint

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

​

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

​