Surround with Emmet

Quickly surround a selection with rich markup using the Emmet toolkit.

Press ⌘⌥J (macOS) / Ctrl+Alt+J (Windows/Linux) and select Emmet to surround a block of code with an Emmet template. This also allows you to wrap individual lines if you’re using * in the abbreviation.


Related Resources

Add Placeholder Text in Seconds
Add Placeholder Text in Seconds
Use the power of Emmet to add some lorem ipsum faster.
Create Arrow Functions in One Click
Create Arrow Functions in One Click
WebStorm can help you add arrow functions to your code.
Show CSS Color Preview
Show CSS Color Preview
How to display a CSS color in the background in WebStorm.