WebStorm 2018.2 Help

Sharing Live Templates

WebStorm stores definitions of custom live template groups and templates added to predefined template groups in automatically generated XML configuration files.

  • For a custom group, the file contains definitions of all the templates the group includes.

  • For a modified predefined group, the file contains definitions of the added (or modified) live templates only.

Live template group configuration files are stored in the templates directory of the IDE configuration directory. By copying the relevant files in the templates directory, you can share live templates among team members and multiple WebStorm installations. Moreover, you can share live templates across all IDEs based on the IntelliJ platform.

WebStorm provides the export and import functionality for sharing live templates, which may be more convenient than copying configuration files manually.

To export live template configuration

  1. Choose File | Export Settings from the menu.

  2. In the Export Settings dialog, make sure that the Live templates check box is selected and specify the path and name of the archive, where the exported settings will be saved.

  3. Click OK to generate the file based on live template configuration files. You can share this file with your team members, or import it on another WebStorm installation.

To import live template configuration

  1. Choose File | Import Settings from the menu.

  2. Specify the path to the archive with the exported live template configuration.

  3. In the Import Settings dialog box, select the Live templates check box and click OK.

  4. After restarting WebStorm, you will see the imported live templates on the Editor | Live Templates page of WebStorm settings (Ctrl+Alt+S).

Example of sharing templates between different IDEs

If you import custom templates (updates) from a group that is predefined in the source IDE but is not predefined in the target IDE, such group will be created but will contain only the custom templates (no default predefined templates). The following example illustrates what happens when adding a custom template to a predefined group in WebStorm and then reusing it in PhpStorm.

In WebStorm, the Handlebars template group is predefined and contains one template itar. If you add the t (tag pair) template to it, this update will be saved:

Live templates in WebStorm IDE

In PhpStorm, there is no Handlebars predefined template group. So when you export live templates from WebStorm and then import them into PhpStorm, the Handlebars group is created, but only contains the t (tag pair) template, which was added to the group in WebStorm before export:

Live templates in PhpStorm IDE

Last modified: 19 November 2018