WebStorm 2016.2 Help

Creating Imports

On this page:

Introduction

The import statement adds to the imports section, but the cursor does not move from the current position, and your current editing session does not interrupt. This feature is known as the Import Assistant.

The same possibility applies to the XML files. When you type a tag with an unbound namespace, import assistant suggests to create a namespace and offers a list of appropriate choices.

Importing an XML namespace

To import an XML namespace, follow these steps:

  1. Open the desired file for editing, and start typing a tag. If a namespace is not bound, the following prompt appears:
    unboundNameSpace1.png
  2. Press Alt+Enter. If there are multiple choices, select the desired namespace from the list.
    unboundNameSpace2.png
    WebStorm creates a namespace declaration.

Importing TypeScript symbols

In the TypeScript context, WebStorm can generate import statements for modules, classes, and any other symbol that can be exported and called as a type. Open the desired file in the editor and do one of the following:

  • Start typing the short name of a symbol. From the suggested variants for completion, select the relevant symbol name:
    ws_import_on_the_fly_1
  • Position the cursor at the unresolved symbol, which is displayed in red, and press Alt+Enter:
    ws_import_alt_enter_1
    On the context menu, select Add import statement and press Enter.
  • Configure WebStorm to show a pop-up every time you hover the mouse pointer over an unresolved reference which required import:
    1. Open the Settings / Preferences Dialog by pressing Ctrl+Alt+S or by choosing File | Settings for Windows and Linux or WebStorm | Preferences for OS X. Expand the Editor node, and then click Auto Import under General.
    2. On the Auto Import page that opens, select the Show import pop-up check box in the TypeScript area.

    Every time you hover the mouse pointer over an unresolved symbol, WebStorm will display the following pop-up message:

    ws_import_pop_up

    Press Alt+Enter to have an import statement generated and inserted automatically.

In either case, WebStorm inserts an import statement:

ws_import_on_the_fly_2

See Also

Last modified: 15 November 2016