Five VSCode Extensions All Programmers Need

VSCode is a text editor developed by Microsoft Corporation. If you are new to programming, VSCode is a great choice because it has features like the inbuilt terminal to run your program and integrated Git version control. No matter what languages you code in or what project you are up to, here are some of our favourite VSCode extensions you might find useful.

If you have not already, you can download VSCode from here. After you have installed it, click on View > Extensions or simply click Ctrl+Shift+X if you are on a Windows machine, to find the following extensions and install them.

1. Material Icon Theme by Philipp Kief

Install: Material Icon Theme – VSCode Marketplace

Material Icon Theme changes the default icon look of your project file structure. This extension is not for the aesthetic purpose, rather it is useful in identifying different files if you have a large project.

2. Bracket Pair Colorizer by CoenraadS

Link: Bracket Pair Colorizer – VSCode Marketplace

Where did this bracket come from? We have all been there. This extension helps you to distinguish the pair of brackets and curly braces by assigning different colours to them. Even if you mess up the indentation, you will not get confused with the help of this extension.

3. Peacock by John Papa

Install: Peacock – VSCode Marketplace

If you have multiple project window open, Peacock is an extension you might want to check out. With Peacock, you can assign different colours to your windows and distinguish between them. After you have installed Peacock, simply open the command palette with Ctrl+Shift+P for Windows and type ‘peacock’. You will find many options like “Surprise me with a Random Color”. Change the colour to a random one or use your favourite colour if you have added one already.

4. Live Server by Ritwick Dey

Install: Live Server – VSCode Marketplace

This extension is helpful especially if you are into web development. Live Server lets you view your output instantly on your browser. Using Live Server is extremely easy. All you need to do is right-click your project file and select Open with Live Server. This will open up your project in the browser. Likewise, you can stop the Live Server from the context menu.

5. Path Intellisense by Christian Kohler

Install: Path Intellisense – VSCode Marketplace

Last but not least, Path Intellisense helps you auto-complete the names of files that you include in your project. Every project, irrespective of the language, requires some or the other file to be included or linked. This extension saves us from the hassle of remembering those file names or going back to File Explorer, by listing the file names at the current path.

Did we miss your favourite extension which you want to add? Let us know in the comments below. 😎