Npm 如何在VS代码中设置Airbnb ESLint?

Npm 如何在VS代码中设置Airbnb ESLint?,npm,visual-studio-code,styles,eslint,eslint-config-airbnb,Npm,Visual Studio Code,Styles,Eslint,Eslint Config Airbnb,我已经尝试了几个小时在VisualStudio代码中使用Airbnb linter设置ESLint。我运行了这里找到的命令:并将对等依赖项设置为正确的版本,但仍然没有成功。我总是会遇到这样的错误: 意外的顶级属性“扩展”。请看“ESLint” 输出通道的详细信息 有人知道这个问题的解决方法吗?我读过这么多博客和帖子,但都没有用,我觉得这似乎比它的价值更麻烦,尽管大家都说Airbnb风格的指南最适合React 安装。这将导致lint错误以内联方式直接显示在代码编辑器中(而不是在使用命令行时仅显示在

我已经尝试了几个小时在VisualStudio代码中使用Airbnb linter设置ESLint。我运行了这里找到的命令:并将对等依赖项设置为正确的版本,但仍然没有成功。我总是会遇到这样的错误:

意外的顶级属性“扩展”。请看“ESLint” 输出通道的详细信息

有人知道这个问题的解决方法吗?我读过这么多博客和帖子,但都没有用,我觉得这似乎比它的价值更麻烦,尽管大家都说Airbnb风格的指南最适合React

  • 安装。这将导致lint错误以内联方式直接显示在代码编辑器中(而不是在使用命令行时仅显示在终端中)
  • 安装和安装所有依赖项(按照文档中的说明进行操作)。如果您使用的是npm 5+,只需在项目目录中的终端中运行此命令:
    npx install peerdeps--dev eslint config airbnb
  • 设置您的。您可以在
    eslintConfig
    属性下的
    package.json
    文件中添加基本配置,如下所示:
    “eslintConfig”:{“extends”:“airbnb”}
  • 如果您已经完成了上述所有步骤,但仍然遇到您提到的错误,那么在评论中会提到一些潜在的解决方案

    具体来说,在您的情况下,无论出于何种原因,您的配置似乎没有被正确读取。我会尝试将它添加到上面提到的
    包.json
    中,看看这是否解决了问题