检查 VSCode 中嵌套的 TypeScript 接口和类型答案

【问题标题】：Inspect nested TypeScript interfaces & types in VSCode检查 VSCode 中嵌套的 TypeScript 接口和类型
【发布时间】：2020-01-27 09:01:49
【问题描述】：

将VSCode 与TypeScript 一起使用时，我发现自己经常将鼠标悬停在函数或对象上以检查它们的类型。

通常，这些对象的类型和接口依赖于多个其他接口和类型。所以悬停不会提供太多信息。

要检查我必须手动进入的类型，例如节点模块来查找类型声明并在那里检查它。

有没有办法在VSCode 中轻松检查嵌套类型？

这是一个例子：

我想要一种简单的方法来检查React.FunctionComponent 的界面。

【问题讨论】：

【解决方案1】：

我不知道这是否正是您要寻找的，但是：

悬停时按ctrl键显示详细信息

另外，ctrl + 左键点击会进入接口声明，所以你可以看到完整的细节。

我认为无论如何都没有足够的空间来显示所有使用悬停的嵌套接口详细信息。前往申报似乎是获取您的信息的最合适方式。

【讨论】：

【解决方案2】：

另外，您可以使用ALT + F12 快捷键来触发偷看编辑器。

就我个人而言，这是在不更改主要上下文的情况下查看某些组件信息的最便捷方式。

【讨论】：