WebStorm 2018.1 Help

Viewing Definition

Quick Definition Lookup shows you where and how your project symbols (tags, classes, methods/functions, fields, etc) are defined. For a TypeScript symbol, WebStorm also displays information on its type.

Definitions are shown in the Documentation pop-up window or in the Documentation tool window. Use the icons on the toolbar to navigate to the source code of the definition and view its usages.

ws_quick_definition_lookup.png

For markup languages, WebStorm retrieves definitions of symbols from the specified DTD or schema. For details, see HTML and XML.

ws_quick_definition_lookup_html.png

To view the definition of a symbol at caret

  • Press Ctrl+Shift+I or choose View | Quick Definition.

To open the definition in the Documentation tool window

  • Move your mouse pointer within the tooltip and click pin in the upper-right corner.

To jump to the definition of the symbol

  • When in the hover mode, just click the link into which the symbols has turned.
  • To open the source code of the definition for editing and close the quick definition lookup window, click edit.png on the toolbar or press F4.
  • To open the definition without closing the quick definition lookup window, click showDetails or press Ctrl+Enter.
Last modified: 11 May 2018

See Also