WebStorm 2016.1 Help

Simple, Parameterized and Surround Live Templates

Simple Live Templates

A Simple template contains 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

A Parameterized template contains 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.

Surround Live Templates

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


Insert parameterized live template (Ctrl+J):

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


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

See Also

Last modified: 11 July 2016