Emmet
Emmet is a plugin built into most modern text editors that helps you write HTML and CSS more efficiently by using shortcuts.
Examples -
!
Typing just an exclamation and pressing tab will generate an HTML project boilerplate.
ul>li.item$*5
Typing the above and pressing tab will generate the following -
<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
</ul>
A full list of available shortcuts is available in the following cheat sheet -
Last modified: 23 September 2024