From the course: Visual Studio Code Productivity Tips

Unlock this course with a free trial

Join today to access over 24,400 courses taught by industry experts.

Use Emmet notation to quickly add boilerplate text

Use Emmet notation to quickly add boilerplate text

From the course: Visual Studio Code Productivity Tips

Start my 1-month free trial Buy for my team

Use Emmet notation to quickly add boilerplate text

“

- [Narrator] Emmet notation is a text expansion tool that allows you to quickly add complex markup with simple shortcuts, speeding up your coding process. No need to add any extensions as Visual Studio Code supports Emmet notation within the Editor. You've probably used Emmet without even realizing it as it automatically appears when typing HTML or CSS. Here I am in this HTML document and I'd like to add a table tag. The typical way we do this, we'd start with the angle bracket, start typing table. Visual Studio's showing us some code snippets. You see the wrench on the left side. I can press the Tab key to finish the snippet and then press the closing angle bracket and Visual Studio Code stubs in the end tag and places the cursor between the begin tag and the end tag. This is not Emmet. It's useful, but it's not Emmet. Instead, I'll start typing without the angle bracket. So I'll just start typing table, T-A. Then I see that there's a list of items that start with T-A. You can see…

Contents