Hello and welcome! In this post, we are going to discuss how you can convert the code the code we use in Studio into a productive beast. I will show you some VS Code Customization for the best productivity. Without wasting much more time, let’s get started.
My VS Code Customization
Below is a screenshot of my VS Code, and according to me, it is very clean, straight-forward, and easy to work with. For most people, this configuration will perform well. I have done a lot of customization in terms of themes, icons, extensions, and layouts. If you also want this kind of customization, let’s start.

Theme Customization
Go to the extension panel and search for “Gruvbox.” I have tried 50+ themes, but this one is my favorite because the color combination is perfect for me. It is neither too bright nor too dark.

Some people might like more dark thives, so that’s why I am also giving you my top 5 themes. You can install them directly and give a fresh look to your VS Code.
Extensions
Extensions play an important role in enhancing your experience. Let’s now look at some of the best extensions that I can’t live without.

If you closely look at the below photo, you will see that there is a line saying, “You, 3 weeks ago * feat: user saved to Postgres.” This line basically tells who was the person who made the last change to this life and what the change was. All this data comes from GitHub. When working in a team, several people work on the same code. It became important to know who was doing what. So here is GitLens, which will do this thing for you.
GitHub Copilot

Do you need a companion that can help you whenever you get stuck with your quote? If yes, then GitHub Copilot is here to help you. If you got stuck on a bug, then ask Copilot how to solve it, or if you have any programming-related doubts, just go and ask him. Most important of all of this is directly into VS Code without even switching browsers.

Now there is no need to remember different commands to compile and run code in different programming languages. This extension allows you to run code in almost all the popular programming languages with just one click, without even writing a single command. It will save you time that you invest by writing commands yourself.
Error Lens

Suppose you spent more than 5 hours continuously writing code, and when you ran that code, it gave you a syntax error. Now you are getting angry because you spent a lot of time writing it, and now you have to figure out where you made a typing mistake. Don’t worry, this extension will relieve you of this pain.

With Error Lens, you can see syntax errors directly while writing the code. You don’t need to compile and run your code at all.
Live Share

Your friend is facing a bug, and you want to help him, but the issue is that you are not with him, and everything that you can do is over a phone call or a Google Meet. Those days are now gone because “Live Share” lets you directly share your video calls with anyone in real time. Both of you will be able to write and run code at the same time. This extension is very useful for pair programming.
Material Icon Theme

Did you notice this good-looking I can in my VS Code? These are some of the best things that I like about VS Code. You can customize the icons in your folders. Now I remember how this folder looks, and I can open them just by recognizing their icon, even without reading the folder name. You can directly install “Material Icon Theme,” and you will get exactly the same folder icons.
ToDo Tree

Suppose you wrote a comment in your code for a task that you have to do tomorrow, but now you are not able to figure out where exactly you wrote that comment. So here is the “ToDo Tree” extension that highlights your todo comments so that you can easily recognize them later.

In the above picture, you can see that my comment is highlighting more than usual comments. It will be easy for me to identify these to-do comments.
Tab Nine

This extension increases your programming speed by predicting your next code. Suppose you are writing a C++ program. Then, with the help of AI suggestions, it will predict what you are going to write next. You do not need to write that; just press a single button and everything will be written automatically.
To be honest, I am not using this extension anymore because it is making me lazy. I was just writing a little bit of code, and most of the other code was being handled by the extension. But there is another aspect: if you are in a hurry, you can use this extension to do your work quickly.
Fine Tuning
Now let us do some fine tuning so that our VS Code looks more beautiful and becomes more productive.

Right Sidebar
I like my side bar to be aligned on the right side of the screen. Because with this, all my code that I have to write and read will be on the entire left side of the screen. It makes it easier for me to read and write code on the left side. This is not something that will increase your coding speed or your skills; instead, this is something that I like to have in my call editor. You can also give this right-side bar this right-side bar a try and see if it feels okay for you.
- Press CTRL + SHIFT + P
- Write View: Toggle
- Select View: Toggle Primary Side Bar Position option

Removed Mini Map

One thing that you might have missed is that there is no minimap on the top right side of my setup. If you go to your VS Code and look at the top right corner of the code editor section, then you will see that there is a small mini map. I don’t know why it is there because I literally never used it in my 4 years of programming. That’s why I removed it and made my VS Code much cleaner.
Enhanced Font

Look at the font; it is neither too sharp nor too smooth. This is the best font that I found for programming. This font name is “JetBrainsMono Nerd Font.” You can download it from this link.
Minor Customizations
There are much more minor customizations that you can do. But don’t worry, you do not need to do everything on your own. Because I am giving you a copy of my VS Code settings. You can directly copy and paste my settings into your settings. But one thing to make sure of is that you do not remove your existing settings. Take a backup of it in case anything wrong happens, and you can use your existing settings again.
How to import my settings?
- Firstly follow me on GitHub if you want.
- Go to this link.
- Copy all the code.
- Go to VS code and press CTRL + SHIFT + P
- Type user settings and press enter.
- Comment all the existing code and replace with the code you just copied.
Also Read: – How to make a resume for internship?
Conclusion
In this post, I wrote, but I know. But there must be several extensions that are missing from my knowledge. If you have a recommendation for me, you can write it down. Thank you for reading this post. If you face any issues, you can comment, and I will reply to you ASAP. Thank you, and have a nice day.