我已经尝试了几个小时在 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。
最佳答案
- 安装ESLint extension for VS Code 。这将导致 lint 错误直接在代码编辑器中内联显示(而不是在使用命令行时仅显示在终端中)。
- 安装eslint-config-airbnb以及所有依赖项(按照文档中的说明进行操作)。如果您使用的是 npm 5+,只需在项目目录内的终端中运行以下命令:
npx install-peerdeps --dev eslint-config-airbnb
。 - 设置您的ESLint configuration 。您可以在
package.json
文件中的eslintConfig
属性下添加基本配置,如下所示:"eslintConfig": { "extends": "airbnb"}
如果您已完成上述所有步骤,但仍然收到您提到的错误,see this thread ,其中评论中提到了许多潜在的解决方案。
具体来说,在您的情况下,无论出于何种原因,您的配置似乎都没有被正确读取。我会尝试将其添加到您的 package.json
中,如上所述,看看是否可以解决问题。
关于npm - 如何在 VS Code 中设置 Airbnb ESLint?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52625598/