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

标签 npm visual-studio-code styles eslint eslint-config-airbnb

我已经尝试了几个小时在 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。

最佳答案

  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 中,如上所述,看看是否可以解决问题。

关于npm - 如何在 VS Code 中设置 Airbnb ESLint?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52625598/

相关文章:

javascript - Node.js/npm - 无论如何判断一个包是否是纯 JS?

python - Visual Studio Code 调试器不会在使用 pytest-asyncio 的断点处停止

pandas - 如何从 jupyter 笔记本创建业务就绪报告?

regex - 如何将以下内容与正则表达式匹配?

android - Android 中的自定义主题和颜色

c# - ResourceDictionary 中的 Windows 样式不适用

npm - yarn/npm5 锁文件和确切的包版本之间的区别?

npm - 如何使用 Yarn 升级所有作用域包?

jQuery.css ('top' ) 和 IE8

node.js - 即使我已经将 nodemon 安装为全局依赖项,我是否应该将它添加为我的项目的开发依赖项?