如何在VSCode中使用Airbnb样式指南设置eslint

Question

我已经尝试了数小时来使用vscode上的Airbnb样式指南来设置eslint。我运行了以下命令：https://www.npmjs.com/package/eslint-config-airbnb，并将对等方依赖项设置为正确的版本，但是仍然没有运气。我总是会收到此错误：

  

意外的顶级属性““ extends””。 。请参阅“ ESLint”   输出通道以获取详细信息。

有人知道此修补程序吗？我读过很多博客和主题，但都无济于事，尽管似乎每个人都说Airbnb风格指南最适合React，但似乎它比价值更麻烦。

Answer 1

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

如果您已完成上述所有步骤，但仍收到您提到的错误see this thread，则注释中提到了许多可能的解决方案。

具体来说，就您而言，无论出于何种原因，听起来您的配置都无法正确读取。我将尝试如上所述将其添加到您的package.json中，以查看是否可以解决该问题。