Make sure your desired key-binding is not used for other commands or it might remove that command's functionality 3. Just set your desired key-binding e.g CTRL+k+SHIFT+w for the command 'Emmet: Wrap with Abbreviation'. More precisely, you can set a custom shortcut for the command configuring key-maps using CTRL+k+s shortcut. Select the first one & type out the HTML tag name e.g div.Type CTRL+SHIFT+p then search 'Emmet: Wrap with Abbreviation'.Using this you can do so much stuff & even wrap it with an HTML tag You've to manually write the opening/closing tags.īut VSCode has a built-in emmet extension. You can wrap a piece of code with curly braces/brackets/quotes really simply. It uses Microsoft Azure cloud services to process the information instead of local computer It's really lightweight & doesn't require any extra runtime like other autocompletion tools.

You know about Tabnine but do you know Microsoft already provides an AI-powered autocompletion tool? Visual Studio Itellicode is an AI-powered autocompletion tool for AI-enhanced development workflow. You can learn more info about the extensions from their respective docs/repositoriesīTW, all the credit for images & GIFs that are embedded below goes to their respective extension authors 1. This is just a small description of the extensions so do not expect full details here.

Below are some useful extensions/configs that will make you amazed after learning their use-cases & benefits And if you're a web dev you're in great luck. VSCode lover? I know extensions are our life support for coding.

Visual studio code js file closing tag