How to show inferred TypeScript type in WebStorm?

Question

In VS2012, you can hover over a typescript variable and it will show you the inferred type. Is there a similar feature in webstorm?

Answer 1

Assuming the cursor is already on the variable the best way is:

1. Ctrl + Shift + P
2. Return

Starting from WS2017.2 Ctrl (Cmd) + Hover shows inferred type.

Also you can try Quick Documentation: Ctrl + Q ( F1 for OS X )

Answer 2

Depending on the context, there are different ways to get type information. (Shortcuts for OS X)

1. View > Expression Type ⌘⇧P: shows a popup
2. Navigate > Type Declaration ⌘⇧B: navigates in the editor
3. If 2. does not help, I do Navigate > Declaration ⌘B and then 2.
4. View > Quick Definition ⌥Space (or ⌘Y)
5. View > Parameter Info ⌘P: shows a popup with the declaration of a function parameter

Answer 3

Although not perfect. Press the Ctrl key and hover over a variable with the mouse to kick in the inference logic in webstorm :