如何在VS Code（Node.js环境）中配置以隐藏悬停时显示的继承getter？

我完全懂你的烦恼——就像你说的那样，当通过getter创建了A > B > C的对象继承链后，在调试模式下悬停C对象时，那些从A、B继承来的getter会和C自身的属性挤在同一层级显示，看起来乱糟糟的，很影响查看关键信息。

你可以通过调整VS Code的全局设置或者调试配置来解决这个问题，具体方法如下：

方法一：通过可视化设置界面操作 #

• 打开VS Code的设置面板：使用快捷键Ctrl+,（Windows/Linux）或Cmd+,（Mac），或者点击左下角的齿轮图标选择「设置」。
• 在顶部的搜索框中输入 debug hover inherited getters，找到名为「Debug: Hover Show Inherited Getters」的选项。
• 取消勾选这个选项即可，之后调试时悬停对象就只会显示自身的属性，继承来的getter不会再出现在悬停面板中。

方法二：直接编辑settings.json文件 #

如果你习惯手动编辑配置文件，可以直接添加以下配置：

"debug.hover.showInheritedGetters": false

补充：针对特定调试任务设置 #

如果你只想让某个调试任务生效，也可以在launch.json的对应配置项中加入"skipGetters": true，比如：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${file}",
      "skipGetters": true
    }
  ]
}

这样调整后，你再调试时悬停C对象，就只会看到它自己的属性，继承的getters就被隐藏起来啦。

备注：内容来源于stack exchange，提问作者pronodingo