From the course: Emmet: Fast and Efficient Web Coding

Unlock the full course today

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

Creating custom keyboard shortcuts

Creating custom keyboard shortcuts

From the course: Emmet: Fast and Efficient Web Coding

Start my 1-month free trial

Creating custom keyboard shortcuts

- [Instructor] What about using some of those handy editing actions in Visual Studio Code? It's a little bit different from other IDEs, so let's take a look at how you can incorporate these into your workflow. Let's go ahead and expand this code block right here. Now that I've done this, I realize that I want to wrap the image, the heading, and the paragraph inside of an article tag. One of the easiest ways to do this is to use the wrap with abbreviation code. All we have to do is select the code, and then, normally, you would go to that Emmet pull-down menu. But as you can see, the Emmet pull-down menu is not present in Visual Studio Code. So in order to access the actions you'll use command or control, shift p. This is going to show our command palette. And this is going to give us access to many of those helpful actions that we talked about. In order to get to the Emmet section, I'll need to type in Emmet, and…

Contents