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:
- Open the desired file for editing, and start typing a tag. If a namespace is not bound, the following prompt appears:
- Press Alt+Enter. If there are multiple choices, select the desired namespace from the list. 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:
- Position the cursor at the unresolved symbol, which is displayed in red, and press Alt+Enter: 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:
- Open the Settings / Preferences Dialog by pressing Ctrl+Alt+S or by choosing for Windows and Linux or for OS X. Expand the Editor node, and then click Auto Import under General.
- 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:
Press Alt+Enter to have an import statement generated and inserted automatically.
In either case, WebStorm inserts an import
statement: