是的，create-react-app带有eslint配置。

如何正确启用和扩展它？

您可以在此处查看如何扩展它。

{
  "eslintConfig": {
    "extends": ["react-app", "shared-config"],
    "rules": {
      "additional-rule": "warn"
    },
    "overrides": [
      {
        "files": ["**/*.ts?(x)"],
        "rules": {
          "additional-typescript-only-rule": "warn"
        }
      }
    ]
  }
}

我如何启用它？

您需要将它与您的 IDE 集成。

我如何运行它？

集成后，eslint 服务器将在后台运行，并将为您的 IDE 启用 linting（有时需要重新启动 IDE）。

我在运行后检查了您的所有声明npx create-react-app example：

...不能在项目根目录中运行 eslint 命令。

你可以：

eslint 作为项目依赖项的一部分安装，仅通过全局运行 eslint ( eslint [cmd]) 您需要确保它全局安装（不推荐）。

...ESLint 似乎不是 package.json 中的依赖项。

为什么应该这样？这就是您使用像 CRA 这样的启动器的原因。这是一种内在的依赖，你不必担心，这是 CRA 的工作。

...VS Code 没有发现存在 ESLint。

确实如此，请检查OUTPUT选项卡并查找ESLint以查看服务器的输出。

...项目根目录中没有 .eslintrc.* 文件。

您从 CRA 获得默认配置（它对您隐藏以专注于编码）。如果您想覆盖它，请添加此类文件（您也可以扩展它，请查看文档）。

了解 eslint 究竟是什么以及我们如何使用它进行 React 开发非常有用，请查看相关问题“React hooks 真的必须从“使用”开始吗？.

要扩展顶部评论的答案：

...ESLint 似乎不是 package.json 中的依赖项。

为什么应该这样？这就是您使用像 CRA 这样的启动器的原因。这是一种内在的依赖，你不必担心，这是 CRA 的工作。

使用 create-react-app 创建的项目将react-scripts作为依赖项。

react-scripts已eslint作为依赖项安装，如react-scripts package.json 所示。

您可以通过npm ls <package>在项目根目录中运行来查看是否安装了包（以及安装在何处）。

npm ls eslint 显示：

└─┬ react-scripts@4.0.3
  └── eslint@7.21.0 

这显示了我们通过在 GitHub 中的 react-scripts 中手动调查的依赖关系树。

所以 - 一个用 create-react-app 制作的项目确实带有 eslint。因为它是一个依赖项，而不是全局安装的东西，所以它必须使用 npm 脚本运行。

这就是为什么eslint .在您的终端中运行不起作用，但使用

    "lint": "eslint .",

然后呢npm run lint。（尽管您可能会eslint --ignore-path .gitignore .因为当前的错误而发出命令）。

类似地，eslint 配置安装在 中react-scripts，然后在默认项目输出的自己的package.json.

你的问题很有道理。我发现这有效：

• 在 VS Code 中使用“npx eslint”（显示所有选项）或“npx eslint”运行 ESLint。
• 将脚本添加到 package.json "lint": "eslint ." 然后使用'npm run lint'

我没有将 ESLint 集成到 VS Code 的问题。为 ESLint 安装 VS Code 扩展后，我会自动在问题下看到 VS Code 中的警告/错误。