All developers may already experience writing HTML code. We may all agree with how tedious and long-syntax that HTML requires us to do so. Imagine given a task to create a table with 10 rows and 10 columns, that would be a nightmare. Even though these kinds of loop creating can easily be auto-generated with modern frameworks like ReactJS or VueJs, I want to introduce one cool toolkit helping us to do so. That toolkit is called Emmet.

Emmet helps us to auto-generate HTML code by expanding from CSS syntax. A quick demo below may help (taken from their docs)

Emmet can easily be integrated with all of your favorite IDE. If you are using Jetbrains Webstorm like me, it’s already in there.

Categories:

No responses yet

Leave a Reply

Your email address will not be published. Required fields are marked *