Emmet for Atom

Sep 02, 2015

Emmet is a plugin available for popular text editors that let you write HTML abbreviations without having to directly write HTML tags, instead use Emmet’s shortcuts.

It reduces the amount of HTML the user has to write and increases efficiency and saves precious time.

A simple example.


All you have to do is hit TAB it will be parsed as.


You can also create the default HTML5 template with:


it will be parsed as

<html lang="en">

  <meta charset="UTF-8">

As you can see how much easier it is to use Emmet compared to writing HTML directly.

Emmet has officially made their plugin available for Atom editor that can be installed using APM

apm install emmet  

You can install it using the Atom plugin tab by going into the install menu and searching for emmet and installing the plugin by emmetio

Happy Coding!

You can access all the posts over Atom under atom and editor tag.

Have a question? Leave a comment below.

If you like this content, please consider buying me a coffee.

Buy me a coffeeBuy me a coffee

You will get access to contributer exclusive resources and content.

Thank you!

Darryl Dias

I am a student, artist, and author currently living in Florida. My interests range from technology to arts. I am also interested in programming, writing

Analytics by GoSquared