如何在WebStorm中显示推断的TypeScript类型?

Joe*_*Joe 42 type-inference phpstorm webstorm typescript

在VS2012中,您可以将鼠标悬停在typescript变量上,它将显示推断的类型.webstorm中是否有类似的功能?

bas*_*rat 40

虽然不完美.按下Ctrl键(或⌘ Cmd在MacOS)和可变悬停在用鼠标在webstorm推理逻辑踢:

在此输入图像描述

  • 如果您返回一个大对象,它只会显示一个摘要“...12 more...”。有没有办法访问整个类型? (2认同)

ans*_*oyt 38

假设光标已经在变量上,最好的方法是:

  1. Ctrl+ Shift+P
  2. Return

WS2017.2 开始Ctrl (Cmd)+ Hover显示推断类型.

您也可以尝试快速文档: Ctrl+ Q (F1对于OS X)

  • 对于已更改默认键绑定的人,请在键映射设置中搜索"表达式类型" (5认同)

Jac*_*gen 6

除了悬停查看类型之外,从版本 2020.3 开始,您可以转到
Settings -> Editor -> Inlay Hints -> TypeScript -> Type annotations
并选中所有复选框,以便立即在 IDE 中查看类型干扰:

在此输入图像描述


Mic*_*arf 5

根据上下文,有不同的方法来获取类型信息。(OS X的快捷方式)

  1. 查看>表达式类型 ??P:显示一个弹出窗口
  2. 导航>类型声明 ??B:在编辑器中导航
  3. 如果2.没有帮助,我先进行导航>声明 ?B,然后执行2。
  4. 查看>快速定义 ?Space(或?Y
  5. 查看>参数信息 ?P:显示带有函数参数声明的弹出窗口


Mic*_*han 5

派对晚了,不确定何时发布,但有一个设置:

Show quick documentation on mouse move. Delay: [500] ms

延迟是可编辑的。

你可以通过

File -> Settings -> Editor/General -> #Other / Show quick documentation on mouse move

类似于VS的作品