Instant HTML Boilerplate in VSCode with Emmet

Please note that there is an updated version of this article here:

Create an empty index.html document. Place the cursor inside the html editor content and type ! . You will get content selection dialog that looks like this:

Select that and now the html start boilerplate is ready to go!


What you need more!? Fine here’s the emmet cheatsheet:

Brought to You By



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ole Ersoy

Ole Ersoy

Founder of Firefly Semantics Corporation