Instructor: 00:00 In VS code I've come across a scenario where I want to type a difficult sequence of characters /?/, which is a great pinky workout, but I'd rather be able to do something like type Q and hit Tab and have that appear rather than struggle with this. In my settings, I've hit command-comma and search for Emmet.
00:46 I need to use an Emmet configuration to define my own custom Emmet snippet for that. The way you do that is by going into your settings again. Look up Emmet and in your extensions path, I'm going to create this path. It's probably not already on your machine. Open a terminal and type code, then my home path/.emmet/snippets.jason. Hit Enter.
01:14 That'll launch the snippets Jason file inside of VS code. It'll even create this Emmet directory for you. That's super handy. I'll create a Jason file where I define my HTML and my snippets. Then the character I want to type before I hit Tab is Q. What I want that to expand, typically you write that LI times three, or whichever Emmets in text you want to expand. I just want plain text.
01:44 You have to wrap that in curly braces. I'll type out my /?/. If I were to leave out the curly braces, then it would try to evaluate this in Emmet. I just want it plain text. I'm putting the curly braces back in. I'll hit save there and make sure in my settings that the extension's path points to that directory. Then you'll most likely have to reload your window.
02:10 I bring up the commands and type, "Reload Window," or you could quit and open it again. I'll hit Reload Window. That reloads the window. Now, I'll type Q and hit Tab. For whatever reason in VS code that usually fails the first time. If you hit Q and Tab again, now it starts working and it works fine from here on out. Q Tab, Q Tab, Q Tab.