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:
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.
Written by Rafal Pastuszak
Related protips
2 Responses
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
·
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Html
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#