Friday, July 14, 2017

Improve your HTML and CSS editing skills in Visual Studio by using Emmet

Last week I discovered a great feature in VS Code that made my life so much easier; the support for Emmet snippet extension.

image

If you don’t know Emmet I suggest having a look at the demo at https://docs.emmet.io/first……………………… convinced? Let’s show you how this works in VS Code:

  • Open an HTML file inside VS code:

image

image

  • Hit ‘Tab’ and let the magic happen:

image

No comments: