Wrap Selection With Tag
Use the keyboard to put a wrapper tag around a selection of code.
You're in an HTML file, working on a nice block of markup, and realize your
CSS framework wants a wrapper
<div>. Don't they always? What's another
You could use mouse to move to the start, type in
<div>, go to the end,
</div>, and by then you forgot what you were doing.
Surround with <tag></tag>in the Live Templates section
In the prompt, type the name of the tag
If you're a fan of the Emmet system for quickly generating markup, you can also surround with Emmet.