WebStorm 2018.2 Help

Viewing Definition

Quick Definition Lookup shows you where and how your project symbols (classes, methods/functions, fields, tags, etc) are defined. For TypeScript objects, WebStorm also displays their inferred types. For markup languages, WebStorm retrieves definitions of symbols from the specified DTD or schema. Learn more from HTML and XML.

WebStorm can show symbol definitions in a popup or in a tooltip. A popup shows a full definition of a symbol with the possibility to view its usages. A tooltip shows a brief definition of a symbol with the possibility to jump to its declaration.

To view the definition of a symbol in a popup

  1. Place the cursor at the symbol and press Ctrl+Shift+I or choose View | Quick Definition.
    Quick definition popup
  2. To jump to the definition of the symbol, click icons actions edit svg on the toolbar or press F4. Alternatively, to keep the popup opened, click showDetails or press Ctrl+Enter.
  3. If there are several definitions of a symbol, select the relevant one from the drop-down list. Use the arrows on the toolbar to move to the next/previous definition.
    Viewing usages of a symbol in the quick definition popup

To view the definition of a symbol in a tooltip

  • With the Ctrl/ key pressed, hover your mouse pointer or the cursor over the symbol. WebStorm displays the symbol as a link and shows its definition in a tooltip.
    ws_quick_definition_lookup_tooltip.png
  • To jump to the definition of the symbol, click the link.
  • To open the definition in the Documentation tool window, move your mouse pointer within the tooltip and click pin in the upper-right corner.
Last modified: 13 June 2018

See Also