Rapid HTML with Emmet

Posted on

There’a lot of impressive things Emmet can do, but I’ve noticed that many developers are unaware of the fact that in Sublime Text you could use it to replace snippets and code generation tools it provides, especially wrap with tag command.

What Sublime Text does by default is:


Which is basicaly exactly what the name says.

And what Emmet in Sublime Text does is:


With the same simple snippet you can even transform this:


into this:


(this method uses multi selection feature from ST)

You are able to wrap text / html with almost any HTML* structure you want, which is a really good thing when you have to generate large amounts of code quickly.

  • to be precise, you can also create filters and generate code in virtually any other markup language, but this isn’t relevant at the moment.

Leave a Reply

Your email address will not be published.