Daily Dev Tips №90 — Visual Studio Code —WTF is Emmet?!
Sep 1, 2018 · 1 min read
For those who do not know about this Emmet , here is an official definition:
Emmet is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow
Visual Studio Code has built-in support for Emmet 2.0 and it is basically a very cool way to generate html / css code much quicker.
TL;DR
Open up an html page via VS Code and type:
html>head+body// go to the body then typediv>ul>li*3>p.center>{hello everyone$}
Here is the html markup the above two lines generated:

Here is the demo video:

