覆盖未弹出的create-react-app中的eslint设置？

Question

为此，我找到了很多“解决方案”，从简单的package.json添加到自定义的hack模块，但没有一个对我有用。

我只想覆盖现成的，未弹出的create-react-app的eslint设置。

即规则“ no-unused-vars”。

我正在使用Visual Studio代码。

Answer 1

我似乎只是通过尝试将在线找到的东西组合在一起而解决了这个问题。这似乎奏效了。

1）我在项目根目录（package.json文件所在的位置）中创建了一个.env文件。我有：

// .env file

EXTEND_ESLINT = true

2）然后，我在项目根目录中创建了一个.eslintrc文件（无扩展名），并添加了该文件：

// .eslintrc file (no extension)
{
  "extends": [
    "react-app"
  ],
  "rules": {
    "no-unused-vars": "off"
  }
}

Answer 2

该库现在支持在本地扩展预定义的ESLint规则，请参见the relevant docs。

---

要点是必须设置reg.predict(X3)环境变量，然后将自己的ESLint配置添加到项目根目录，可以选择扩展create-react-app的内容：

EXTEND_ESLINT

Answer 3

并不困难，只需执行以下步骤：

1. npm i -D eslint eslint-plugin-react
2. npx eslint --init
3. 编辑生成的配置文件，例如.eslintrc.json
4. 在"rules": { ... }部分输入规则