WebStorm 2016.2 Help

Simple, Parameterized and Surround Live Templates

On this page:

Simple live templates

Simple templates contain some fixed code that expands into plain text. When invoked and expanded in the editor, the code specified in the template is automatically inserted into your source code, replacing the abbreviation.

Parameterized live templates

Parameterized templates contain plain text and variables that enable user input.

After a template is expanded, variables appear in the editor as input fields whose values can be either filled in by the user or calculated by WebStorm automatically.

When a parameterized live template is invoked and expanded in the Editor, WebStorm can suggest some predefined values at the input positions of the variables. For example, if a parameterized template contains code for an iteration, then, on expanding the template, WebStorm will suggest:

  • A name for the index variable (i, j, etc.).
  • A name for the assigned variable that holds the current container element.
  • Type of the elements in the iterated container.

Surround live templates

Surround templates work only with blocks of selected text. Such templates place code before and after the selected block.

Examples

Insert parameterized live template (Ctrl+J):

ws_insert_parameterized_live_template

Surround with live template (Ctrl+Alt+J):

html_surround_with_live_template

Refer also to the page Wrapping a Tag. Example of Applying Surround Live Templates.

See Also

Last modified: 2 September 2016