WebStorm 为 React 项目设置/配置 eslint

Question

使用：WebStorm 2016.3

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

文档没有明确说明在我的项目中使用/忽略有用的 eslint 警告的设置。

Answer 1

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

然后进入 Webstorm Preferences > Language & Frameworks > Javascript > Code Quality Tools > ESLint

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

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