DEV Community

Bhupesh Chandra Joshi
Bhupesh Chandra Joshi

Posted on

Emmet for HTML: A Beginner’s Guide to Writing Faster Markup

What Emmet is (in very simple terms)?
Type ! on editor or get surprised your boilerplate has done and does developers of emmet boiling eggs at that they provided name boilerplate. The boilderplate is the initial code that represents the resuable foundation for your project.


Emmet is a plugin for ide/ code editors that helps write html and javascript write faster.

How Emmet works inside code editors

What you need to do open the vs code settings and edit settings.json file add this line:

Emmet, it is a plugin that is analogous to the movie corrector of the movie lego, it's a block building world just like Html and JSX. The emmet provides the shortcut for writing the longer html easily on this blog, some important cheatseat examples-

Basic Emmet syntax and abbreviations

Parent-child elements:

Sibling: +

.class in html:emmet

#emmet ids

CSS Shortcuts

Top comments (0)