10 Best VS code Extensions to Improve your Productivity

Jumah Mohammadi
4 min readNov 17, 2022

--

Extensions to your IDE are invaluable to speed up your work without reducing the quality of your output. Considering Visual Studio Code is the most popular IDE.

Here are 10 VSCode extensions that will make you a more productive developer. These extensions mostly apply to web developers, but there are some general-purpose extensions that will benefit everyone else too.

1- Live Server

This is one of my favorite extensions. 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.

2- Prettier

Prettier is an opinionated code formatter that works particularly well if you have multiple people working on a single project because the extension enforces a consistent style.

You can set it up so it formats your code every time you save it, significantly reducing the amount of time you need to spend formatting your code.

3- Peacock

Here’s a cute one. Peacock allows you to change the color of your Visual Studio Code environment, so you can quickly identify which instance you’ve just switched to.

4. Path intellisense

Path intellisense is a great tool that makes it easier for files Path. With autocomplete, you won’t have to type out all of your filenames or search through folders looking at which ones are named correctly! It automatically adds file names.

5. Gitlens

With the GitLens extension, you can see who changed what line of code in your web app. With a single click! This is one way that it makes browsing through history easy because now there’s no need to go back and forth between pages or screens when looking for certain changes — just view them all at once with this amazing tool.

6- CodeSnap

The CodeSnap extension helps in taking cool code screenshots. This helps a lot when trying to ask questions or answer questions on sites like Stackoverflow and on sites where pasting a code snippet would turn messy.

7- Github Copilot

The GitHub Copilot is among the trending VsCode extensions this year. It makes real-time code and function suggestions directly on your code editor using an OpenAI Codex. GitHub Copilot generates coding suggestions in dozens of languages using natural language cues like comments and method names after being trained on billions of lines of public code.

8- Live Share

As the name implies, this extension helps you share and collaborate your code among your team in real time with real-time editing and chat. This helps and boosts teams’ productivity when working on a project.

9- Thunder Client

Thunder Client is an alternative to Postman. It’s a lightweight Restful API client for making all types of requests, and this eliminates the stress of going to another application to test an API.

10- Auto Rename Tag

As the name implies, it aids in renaming tags. This saves time when renaming tags in a nested codebase and also helps in preventing future runtime bugs.

You also share with us if you know useful VS code extensions!

--

--