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)
![](https://iamjakelam.com/tech-talk/wp-content/uploads/2020/04/captured-1.gif)
Emmet can easily be integrated with all of your favorite IDE. If you are using Jetbrains Webstorm like me, it’s already in there.
No responses yet