Actions

Actions

EmmetVS empowers you to write large HTML and CSS code blocks with incredible speed, using familiar CSS selectors. However, web development isn't just about creating new code; it often involves editing and maintaining existing HTML and CSS to fix bugs and add new features.

EmmetVS provides a unique set of tools that can significantly enhance your editing experience:

Expand Abbreviation

Expands CSS-like abbreviations into HTML code.

Match Tag Pair

Selects content, opening and closing HTML tag names from the current caret position, even in non-HTML syntaxes.

Go to Matching Pair

Quickly traverses between opening and closing HTML tags.

Wrap with Abbreviation

Intelligently wraps selected content with an abbreviation.

Go to Edit Point

Quickly traverses between important HTML code points.

Select Item

Quickly selects important HTML and CSS code parts.

Toggle Comment

Toggles comments, matching HTML tags, CSS properties, or rules when there's no selection.

Split/Join Tag

Splits (<tag /> → <tag></tag>) or joins (<tag></tag> → <tag />) HTML/XML tags under the current caret position.

Remove Tag

Gracefully removes HTML/XML tags under the current caret position.

Merge Lines

Merges selected lines into a single one, automatically matching the nearest HTML tag when there's no selection.

Update Image Size

Updates matched HTML tags or CSS rules with image size information located under the caret.

Evaluate Math Expression

Evaluates simple math expressions.

Increment/Decrement Number

Increments or decrements numbers under the current caret position with a given step.

Reflect CSS Value

Automatically copies CSS values under the current caret position to all vendor-prefixed variants.

Encode/Decode Image to data:URL

Encodes images under the caret to data:URL format and vice versa.