VS Code Extensions

Considering Visual Studio Code is the most popular IDE, here are 20 VSCode extensions that will make you a more productive developer. These extensions mostly apply to web developers, but some general-purpose extensions will benefit everyone else.

Here are the top VSCode extensions that I use the most:-

1. Bracket Pair Colorizer

We can use a VS Code extension called Bracket Pair Colorizer to add color to each set of opening and closing brackets, making it easier to identify each set of brackets. It's up to you to decide whether you'd like to add this feature to VS Code or not. However, it's a popular tool and many developers find it useful.

2. Cobalt2 Theme Official

This vscode theme is created by Wes Bos. It is easy on the eye, beautifully designed, and one of the top-rated themes in the market. Its handpicked colors and styles help developers focus on code and its clarity.

3. Code Time

Code Time is an open-source plugin for automatic programming metrics and time tracking in Visual Studio Code. Join our community of over 150,000 developers who use Code Time to reclaim time for focused, uninterrupted coding. Protect valuable code time and stay inflow.

4. Indenticator

This VS Code extension allows you to set up your preferred indentation for each of your programming languages separately. The benefit of having this enabled is that you can easily see where for loops or if statements end within your code.

5. Live Server

Live Server launches a local development server with a live reload feature both for static and dynamic pages. Every time you save your code, you'll instantly see the changes reflected in the browser. You'll be much faster at spotting errors and it's much easier to do some quick experiments with your code.

6. Material Icon Theme

Material Icon theme built to work well with the Material Theme. It controls the icons in your folder explorer (usually on the left side of the screen).

7. Music Time for Spotify

Music Time for Spotify is a VS Code extension that discovers the most productive music to listen to as you code. Music Time is built on the Code Time extension and performs machine learning against a range of music metrics plus productivity data from over 150,000 developers to determine song recommendations.

8. Prettier - Code Formatter

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

9. Remote - SSH

The Remote - SSH extension allows you to open a remote folder on any remote machine, virtual machine, or container with a running SSH server and take full advantage of VS Code's feature set. Once connected to a server, you can interact with files and folders anywhere on the remote filesystem.

10. TabOut

 

This extension is extremely helpful in tab out of quotes, brackets, etc. This extension is enabled by default. You can override this behavior in your settings. You can toggle the extension with the 'Toggle TabOut' command.