WebStorm 6.0.1 Web Help

This section describes how to generate source code using live templates.

Using Live Templates enables you to create such code constructs as

Open the Live Templates dialog (File | Settings | IDE Settings | Live Templates) in WebStorm to explore the list of available templates.

To insert a live template in the source code
  1. Place the caret at the desired position, where the new construct should be added.
  2. Do one of the following:
    • On the main menu, choose Code | Insert Live Template.
    • Press Ctrl+JCtrl+J.
    • Type some initial letters of the template abbreviation to narrow down the suggestion list to the matching occurrences only. Note that suggestion list may contain same abbreviations for different templates.
  3. From the suggestion list, select the desired template.
  4. Press the template invocation key (this may be SpaceSpace, TabTab or EnterEnter, depending on the template definition). The new code construct is inserted in the specified position.
  5. If the selected template is parametrized and requires user input, the editor enters the template editing mode and displays the first input field highlighted with the red frame. Type your value in this frame and press EnterEnter or TabTab to complete input and pass to the next input field. After completing the last input field, the caret moves to the end of the construct, and the editor returns to the regular mode of operation.

Tip

It is also possible to type a template abbreviation, and then press Ctrl+JCtrl+J.

See Also

Concepts:

Procedures:

Web Resources: