12 Unusual VS Code Extensions You Definitely Need As a Developer
Tags: webdev, javascript, programming, productivity
Published: 2023-03-10 14:34:59

VS Code is the most popular IDE for programming. It supports almost every programming language and is pretty powerful. And one of VS Code's main benefits is that you can quickly install some cool extensions or plugins, which will greatly improve your work. Most programmers are already familiar with some of these essential extensions, but in this article, we won’t talk about them. Well better talk about some really unusual extensions that will help you achieve your specific tasks in the most efficient way!

--

## [1. Project Dashboard](https://marketplace.visualstudio.com/items?itemName=kruemelkatze.vscode-dashboard&ref=hackernoon.com)

Before working on a new project, you surely need to organize your previous one and make everything structured. A Visual Studio Code extension called VSCode Project Dashboard enables you to organize your projects in any possible way. You can access frequently used files, folders, and SSH remotes quickly, and pin them to a dashboard.

![Project Dashboard](https://cdn-images-1.medium.com/max/2124/0*j7JnaOpIPB4HHmHQ.png)

---

## [2. Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph)

If you’re constantly using GIT, then you definitely need to install this extension. With Git Graph, you can easily view your history, and all your commits and manipulate them all. As you can see in the example below, you can directly access every important aspect of your repository right inside of VSCode, which is pretty useful. Even if you haven’t used Git, you should start to. It’s the easiest and best way to work with your team, and it will improve your workflow exponentially!

![Git Graph](https://cdn-images-1.medium.com/max/2416/0*yz6fgFPFdzapdg4C.gif)

---

## [3. Toggle Zen Mode](https://marketplace.visualstudio.com/items?itemName=fudd.toggle-zen-mode)

If I knew about this extension, I wouldn’t be so sloppy in my coding and could accomplish my tasks more quickly. Toggle Zen Mode adds a new button. When you press on this button, it will activate VSCode’s Zen mode feature and remove all unnecessary clutter from the screen. In other words, it helps you to be more focused on your code and fall into a flow statement, which will significantly increase your productivity and efficiency!

![Toggle Zen Mode](https://cdn-images-1.medium.com/max/2000/0*18Y4kjseKyp8y_aD)

---

## [4. Peacock](https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock)

The next extension in our list is Peacock, which has over 1.9 million downloads; however, many developers still haven’t heard of it before. It simply changes the color of your Visual Studio Code workspace. Ideal for quickly identifying your editor when you have multiple instances of VS Code or use VS Code's Remote features.

![Peacock](https://cdn-images-1.medium.com/max/2000/0*u0isMBmmEhQvXOWb.png)

---

## [5. Truffle](https://marketplace.visualstudio.com/items?itemName=trufflesuite-csi.truffle-vscode)

The Web 3.0 sphere and all technologies related to it, such as crypto, NFT, DeFi, and many others, are booming right now. I wrote an article about the importance of Web 3.0 in the future and why you should pay attention to it. And many developers working in this sphere are struggling with writing smart contracts on Solidity, which is a programming language for Ethereum. Truffle for VS Code simplifies how you create, build, debug, and deploy smart contracts on Ethereum and all EVM-compatible blockchains and layer 2 scaling solutions. So if you're a blockchain developer, you surely need it!

![Truffle](https://cdn-images-1.medium.com/max/2000/0*QzAsW4FMnWH3yZDy.png)

---

## [6. Remote — SSH](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh)

The **Remote — SSH** extension lets you use any remote machine with an SSH server as your development environment. This can greatly simplify development and troubleshooting in a wide variety of situations. You can either develop on the same operating system you deploy to or use larger, faster, or more specialized hardware than your local machine. Also, quickly swap between different, remote development environments and safely make updates without worrying about impacting your local machine.

![Remote-SSH](https://cdn-images-1.medium.com/max/3372/0*YgS6yGqrni7Wtllh.gif)

---

## [7. Surround](https://marketplace.visualstudio.com/items?itemName=yatki.vscode-surround)

It’s a simple and powerful extension to add wrapper snippets around your code blocks. By using Surround extensions, you can upgrade your code to another level. You can wrap already existing lines and turn them into a function, a loop, a try/catch method, and many other essential methods.

![Surround](https://cdn-images-1.medium.com/max/2000/0*uijQEwXspqHiRERY.gif)

---

## [8. Rainbow CSV](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv)

I hate CSV files. There’s nothing structured, and I get really bored with constant searching for specific information that I need. If you’re also struggling with these types of problems and want to make your CSV file readable, then this extension is right for you! It highlights different types of data and shows them to you in a better way.

![Rainbox CSV](https://cdn-images-1.medium.com/max/2818/0*jS6k5PXXNRrlSCb9.png)

---

## [9. Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)

Better Comments is a pretty popular extension; however, I still want to add it to this list. As you might guess from the title, it helps you write better comments for your code. If you’re always struggling with default gray comments and lose focus finding the important one, then this extension is right for you. It will make your comments look prettier and will help others understand your code much easier!

![Better Comments](https://cdn-images-1.medium.com/max/2000/0*6EP60-E_yZMY9ZIx.PNG)

---

## [10. Random Everything](https://marketplace.visualstudio.com/items?itemName=helixquar.randomeverything)

This extension was previously covered in one of my other lists. It’s definitely for you if you frequently work with databases or simply need some random information for the test, even though I think it’s really cool. Names, numbers, and even email addresses can all be generated at random using Random Everything. So, yeah, it’s pretty cool and essential for everybody!

![Random Everything](https://cdn-images-1.medium.com/max/2000/0*h64ZiWrReHy6xMhU.gif)

---

## [11. Resource Monitor](https://marketplace.visualstudio.com/items?itemName=mutantdino.resourcemonitor)

One of the latest extensions on the list is Resouce Monitor. There’s nothing so difficult in this extension. It just shows you some information about your system and usage. It can display CPU frequency, usage, memory consumption, and battery percentage remaining within the VSCode status bar.

![](https://cdn-images-1.medium.com/max/2000/0*REPIFyt45Slv3lzf.png)

---

## [12. Shades of Purple](https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple)

Everyone is tired of [One Dark Pro](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme), right? Me too. So, there’s probably a better alternative to make your VS Code even prettier. It’s called "shades of purple," and yeah, you guessed right, it’s a purple color scheme for your IDE. However, there are no toxic colors, and it looks pretty nice. I’ve switched to this theme myself and am happy with the results!

![Shades of Purple](https://cdn-images-1.medium.com/max/4000/0*nsafh29QNsmxxoaG.jpg)

---

## Conclusion

***If you liked this article and want to see more like this, then don’t forget to leave a clap and follow me!***

[Join Medium with my referral link - Mark Vassilevskiy](https://metamark.medium.com/membership)

***Also, I would also appreciate it if you’d Buy me a Coffee!***

[markfusion](https://www.buymeacoffee.com/markfusion)