Emmet Support

With WebStorm, you can edit HTML and CSS code faster by applying Emmet features. Just type an Emmet abbreviation in HTML and press Tab to expand it into the markup. Emmet also works in the CSS and JSX context.

WebStorm provides two types of Emmet support.

• Native
• Support of additional templates

In this section:

• Enabling Emmet Support
• Configuring Abbreviation Expansion Key
• Enabling Support of Additional Live Templates
• Expanding Emmet Templates with User Defined Templates
• Surrounding a Code Block with an Emmet Template