Last Updated: December 26, 2018
·
2.471K
· paprikkastudio

Rapid HTML with Emmet

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:

Picture

Which is basicaly exactly what the name says.

And what Emmet in Sublime Text does is:

PicturePicture

With the same simple snippet you can even transform this:

Picture

into this:

Picture

(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.

2 Responses
Add your response

Here's a good screencast about Sublime with Emment:
https://tutsplus.com/lesson/emmet/

over 1 year ago ·

Yeah, it's pretty awesome, like almost any screencast from Jeffrey Way, I suppose:)

over 1 year ago ·