Emmet Support

With JetBrains Rider, 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.

JetBrains Rider provides two types of Emmet support:

• Native
• Support of additional templates

In this section:

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