npm - 如何在 VS Code 中设置 Airbnb ESLint？

Question

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

Unexpected top-level property "“extends”". . Please see the 'ESLint'output channel for details.

有谁知道这个问题的解决办法吗？我读了很多博客和帖子，但都无济于事，而且现在看来，这似乎比它的值(value)更麻烦，尽管每个人都说 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 中，如上所述，看看是否可以解决问题。