My top 5 VScode extensions

Jean — Fri, 02 May 2025 20:49:24 +0000

Hi there, I wanted to make this post to recommend some tools that helped me personally as a React Developer over the past 3 years.
If you find this helpful, consider following me on LinkedIn

This article will only cover VS code extensions that helped me during development. Some of these tools were introduced to me by a friend of mine. You can search for them in the VS extension marketplace 👍

Draw.io Integration

It integrates Draw.io into your VScode. Making creating diagrams a lot easier. This tool is useful for creating a mockup design for the frontend of the web application.

Git Graph

This is probably one of my favorite Git VScode extensions. A really great tool for visualizing your Git repository commits. I use it to track the commits I made. If you are working with another developer, you can see the commits made by each other in different color trees.

Project Dashboard

This is a tool that has helped me categorise my projects. I have made a lot of projects and they tend to be scattered. This tool helped me organise them into blocks. Clicking on them takes me to the project workspace immediately.

Terminal Keeper

One of my favorite tools in my VScode workspace. This extension allows you to store you previous terminal session. You can create a configuration, these configuration can store a set of terminal commands. This is great for variety of functions, like Dockerization, Database migration, and API testings.

Quokka

This is probably my favorite tool out of all the extensions. It prevents the need to add a console.log in my JS files. I can see the output clearly in the console. It boosts my productivity a lot , and I recommend it the most.