As an example of applying a surround template, let's wrap a piece of XML code with tags.
- Open the desired file for editing.
- Select a code fragment.
- Press invocation shortcut
Ctrl+Alt+JCtrl+Alt+JCtrl+Alt+JCtrl+Alt+JCtrl+Alt+JCtrl+Alt+JCtrl+Alt+JCtrl+Alt+JAlt Command JAlt Command JAlt Command J. WebStorm suggests the following surround templates:
- Select the tag template from the suggestion list. The code fragment is surrounded with empty tags:
- The caret rests within the opening one. On typing the tag name in the opening tag, the name is
automatically reproduced in the closing tag: