From the course: Emmet: Fast and Efficient Web Coding

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Working with Emmet in Visual Studio Code

Working with Emmet in Visual Studio Code

From the course: Emmet: Fast and Efficient Web Coding

Start my 1-month free trial

Working with Emmet in Visual Studio Code

- Do you use Visual Studio Code for your IDE? Well, I have great news for you. Emmet comes pre-installed and it's ready to start using right away. Most of the great Emmet snippet shortcuts work very much in the same way. There are a few nuances and I'll show you those as we go through. But for the most part, all of the basic Emmet symbols will work in the way that we've been talking about throughout this course. Let's go ahead and jump into Visual Studio Code so we can see how we can incorporate Emmet into our workflow. Here I have an HTML file. I'm going to go ahead and start off by creating the skeleton structure. I'll just add the exclamation and hit Tab and it's going to expand out. As you can see, it adds the basic framework for an HTML page. The nice thing about Visual Studio Code is the meta viewport tag is already there. As you can see, device-with is highlighted. If I hit Tab, it'll take me to the next…

Contents