Write HTML Super Fast with Emmet

Getting Started

Emmet can be found in most modern editors now. Sometimes it comes built-in; sometimes we may have to install it ourselves. It can even be found in popular in-browser editors like Ace and even the one found in CodePen.

In our case, since we are using Sublime Text, we will have to install it via package control. For a primer on Sublime Text and packages, check out this course: Get Started with Sublime Text.

To install:

  • Open package control: ctrl + shift + p
  • Type install and hit enter
  • Find emmet
  • Press enter

Emmet will only work if the syntax for your open file is set to HTML or something similar so make sure to set that in the bottom right of Sublime Text. This will automatically be set if you open a .html file.

Like this article? Follow @chrisoncode on Twitter