Emmet Cheetsheet

No matter which IDE you are using, it almost certainly comes with Emmet. Emmet is a plugin for text editors that can greatly improve your workflow.

For example, it means that instead of having to write all of this out:

<div class="col-12 col-md-9"></div>
<div class="col-12 col-md-9"></div>
<div class="col-12 col-md-9"></div>

You can simply write .col-12.col-md-9*3 and then hit the tab key, and Emmet will build the HTML for you! So it is really worth learning the different emmet shortcuts, as it will save you so much time in the long run. The full list of Emmet shortcuts can be found here: https://docs.emmet.io/cheat-sheet/