使用Create-React-App将ESLint警告移动到VSCode中的问题面板

编程问答 2022-06-11

问题描述

在我的项目的服务器端，ESLint在VSCode的“问题”选项卡中显示了结构合理的警告和错误概述。我也可以直接接受针对错误/警告的建议解决方案。

另一方面，问题完全在终端内部，这不那么容易浏览并且使我的视图混乱，并且没有选择跳到发生错误/警告的文件和行。 / p>

考虑到我正在使用Create-React-App，如何配置VSCode和ESLint，以便在VSCode的“问题”面板中显示警告和错误？

我在VSCode中安装了ESLint扩展

客户

Client Side ESLint Warnings

服务器端

enter image description here

服务器端的

package.json：

  "devDependencies": {
    "eslint": "^7.10.0","eslint-config-airbnb": "^18.2.0","eslint-config-prettier": "^6.12.0","eslint-plugin-import": "^2.22.1","eslint-plugin-jsx-a11y": "^6.3.1","eslint-plugin-node": "^11.1.0","eslint-plugin-prettier": "^3.1.4","eslint-plugin-react": "^7.21.2","prettier": "^2.1.2"
  }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

create-react-appeslinteslintvisual-studio-code