Skip to main content
Dan Rodney/1 min read

Topic 3A: Emmet: About Emmet & Its Documentation

Emmet Essentials

Built Into VS Code

No install needed — Emmet ships with VS Code by default.

Expandable Abbreviations

Type a few characters, hit Tab — Emmet expands them into full HTML or CSS.

HTML & CSS Both Supported

ul>li*5 builds a 5-item list; m10 expands to margin: 10px;

Full Documentation

Cheat sheet at docs.emmet.io/cheat-sheet — VS Code docs at code.visualstudio.com/docs/editor/Emmet.

Master HTML & CSS at Noble Desktop

Noble Desktop's Full-Stack Web Development Certificate teaches HTML, CSS, and JavaScript — the complete front-end foundation.

Learn how to speed up your HTML and CSS coding processes through the powerful features of Emmet, a tool integrated within vs. Code, in this comprehensive tutorial.

About Emmet

Emmet (which is built into vs. Code) lets you type HTML and CSS code faster.

Its main feature is expandable code abbreviations. You type a few characters and Emmet expands the abbreviation into the full code.

It also has commands (which don’t have keystrokes by default, although you can assign them) to make it easier and faster to code HTML and CSS.

Emmet Documentation

Visit Emmet.io for lots of good info and demos. It also has a great Cheat Sheet listing all the abbreviations and what they expand to: docs.Emmet.io/cheat-sheet

For more information on Emmet in vs. Code, visit code.visualstudio.com/docs/editor/Emmet