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

在我的项目的服务器端，ESLint显示了VSCode的Problems选项卡中警告和错误的结构良好的概述。我也可以直接接受错误/警告的建议解决方案

另一方面，在客户端，问题在终端内部是正常的，这不容易导航，并且干扰了我的视图，并且没有选项跳转到发生错误/警告的文件和行

如果我使用的是Create React应用程序，如何配置VSCode和ESLint，以便在VSCode的“问题”面板中显示警告和错误

我在VSCode中安装了ESLint扩展

---

客户

---

服务器端

服务器端的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"
  }