Thanks to the extension’s automatic reload feature getting feedback on your changes happens instantly after saving your changes. Live server allows you to launch a development local server with a click of a button. Linked to extension: Auto Close Tag – Visual Studio Marketplace Live Server No longer do you need to worry about adding the closing tag for HTML or XML, this extension has got you covered. Top Tip: A site like or the Snippet Creator extension can further streamline this process by automating all the formatting for you!Īuto Close Tag is a super simple extension but it’s a massive time-saver, so it belongs on this list. Have a go at setting up your own and see your productivity skyrocket.

The dropdown will now show you the JSON configuration files for all supported languages, highlight your desired language and press enter.Įach configuration file describes how to format your code snippets for use.

Open the Command Pallet by pressing Ctrl + Shift + P and type snippets.

If you still can’t find what you’re looking for, Visual Studio Code has you covered, why not create your own!

There are snippet extensions available for almost any language or framework you can think of in Visual Studio Code, just search for code snippets in the extension browser. A trigger is typically a memorable 3–4-character abbreviation of what the snippet contains.įor example, the trigger for console.log() Is clg, and the trigger to insert a named function is nfn, combine these two snippets together and we can create this super useful function:

JavaScript (ES6) Code Snippets contains a collection of commonly used code snippets that are linked to a “trigger”. Save your fingers some toil by installing this extension. JavaScript (ES6) Code Snippets (+ Bonus custom snippets) Once you have found the extension you are looking for, select the extension and press install. To browse, install and uninstall existing extensions click on the extension icon on the left-hand side of the Visual Studio code window.Īlternatively, you can press Shift + Ctrl + X or Shift-Command on Windows and Mac respectively. Here is a list of 10 must-have Visual Studio Code extensions to boost productivity, code quality, and collaboration. If you are reading this, you are probably a Web Developer and, on that assumption, I’m going to go out on a limb and guess you’ve heard about Visual Studio Code by now, you may even be currently using it for your development work.

C++ visual studio code extension