如何在 VS Code 中设置 Airbnb ESLint？

Question

我已经尝试了几个小时来使用 Visual Studio Code 中的 Airbnb linter 设置 ESLint。 我运行了在这里找到的命令： https : //www.npmjs.com/package/eslint-config-airbnb并将对等依赖项设置为正确的版本，但仍然没有运气。 我总是收到这个错误：

意外的顶级属性“扩展”。 . 有关详细信息，请参阅“ESLint”输出通道。

有谁知道解决这个问题？ 我已经阅读了很多博客和主题，但都无济于事，现在看起来似乎比它的价值更麻烦，尽管每个人都说 Airbnb 风格指南最适合 React。

Answer 1

1. 为 VS Code安装ESLint 扩展。 这将导致直接在代码编辑器中内联显示 lint 错误（而不是在使用命令行时仅在终端中显示）。
2. 安装eslint-config-airbnb和所有依赖项（按照文档中的说明进行操作）。 如果您使用的是 npm 5+，只需在项目目录中的终端中运行此命令： npx install-peerdeps --dev eslint-config-airbnb 。
3. 设置您的ESLint 配置。 您可以在eslintConfig属性下的package.json文件中添加基本配置，如下所示： "eslintConfig": { "extends": "airbnb" }

如果您已完成上述所有步骤但仍然遇到您提到的错误，请参阅此线程，其中评论中提到了许多潜在的解决方案。

具体来说，在您的情况下，无论出于何种原因，您的配置听起来都没有正确读取。 我会尝试如上所述将其添加到您的package.json中，看看是否能解决它。