如何在WebStorm中探索TypeScript推断类型

时间:2016-09-18 06:41:51

标签: intellij-idea typescript webstorm

WebStorm中是否有一个选项可用于探索或导航推断的(或任何)TypeScript定义和类型,考虑以下因素:

Ctrl + Shift + I View/Quick Definition)是一个不错的选择,但不是互动的。例如,JSDoc的 Ctrl + Q Quick Documentation)是交互式的,当此菜单打开时,可以轻松地从类型导航(使用JSDoc超链接)。但是使用 Ctrl + Shift + I 选项,我一次只能看到one定义,如果此类型是interface或其他复杂类型,则从多个类型组合,我无法探索它,所以在最好的情况下,我需要使用Find a Symbol选项或其他方式来查找它。

Ctrl + Shift + P View/Expression Type) - 这显示了推断类型(当它工作时),但由于同样的原因这还不够,我甚至不能点击它(例如 Ctrl + B ),因为它也不是交互式的。所以在最好的情况下,我需要记住推断的类型名称(由此选项返回),我甚至无法复制它,然后在最好的情况下,我可以使用Find a Symbol选项或其他方式找到它

所以我正在寻找一个选项,如果存在,它结合了Quick Definition& Expression Type个菜单在一个地方?正如我所说,就像JSDoc Quick View超链接菜单一样。

我会尝试找时间并添加一些屏幕截图,以更好的方式解释问题和预期的解决方案。

考虑到以下问题的答案,我想要一种深入探索推断类型的方法,不仅要显示它的名称或信息:

1 个答案:

答案 0 :(得分:0)

至少对于一个变量,我能够做到这一点:

选项Specify Type Explicitly。然后将 TypeScript 类型粘贴到它旁边。然后我可以复制和探索该类型。

enter image description here

enter image description here

然而,不幸的是,键的顺序没有保留。