Dark Mode

My VSCode Setup – Plugins, Icons, Fonts & Theme

vscode-extensions-icons-fonts-themes

No doubt that every programmer out there likes to tweak their IDE to make it look cool and comfortable for using a long time. I’m no exception to this, I’ve used multiple IDE before settling down with VSCode and then started tweaking it. Now I feel I have a good IDE setup that I wanted to write up a blog post on it.

Keep reading, you might find some useful add-ons that you might want to add to your setup.

Plugins

Settings Sync

This is a must-have plugin if you use VSCode on multiple devices. It allows you to keep your VSCode setup in sync across all the devices. It basically uploads/downloads all the settings as a Gist on Github.

Better Comments

Comments are very useful, comments which are highlighted based on their category is even more useful (and cool). That’s exactly what this one does, it can highlight comments, TODOs, Alerts, and Queries in distinct colors.

GitLens

I can’t even imagine using VSCode without this one. It allows us to see how a file changed over multiple commits, shows blame for each line and a lot more benefits install and see it for yourself in case you don’t have it installed already.

REST Client

I’m not a big fan of using Postman (overkill) or cURL (meh). REST Client plugin allows you to send HTTP requests and view the response in VSCode directly. It sometimes makes sense to save and commit the REST Client file along with your code, it becomes super useful.

Paste JSON as Code

If you write applications that consume a lot of JSON, you might like this one very much. It allows you to generate type definition for multiple programming languages from JSON by simply copy-pasting.

QuokkaJS

Scratchpad for JavaScript and TypeScript. Need a test your logic quickly or play around with JavaScript then this plugin is for you!

Icons

Material Icon Theme

The Material Icon Theme provides lots of icons based on Material Design for Visual Studio Code. I haven’t found any other icon theme that is as good as this one if you know something do mention it below in the comment section.

Fonts

Operator Mono Lig

This is Operator Mono font with programming ligatures. Fell in love with the looks of this font. It is a must-try font, if you haven’t used Operator Mono before. Try enabling Cursor Smooth Caret Animation in VSCode settings along with this font and it will feel like you are writing on a paper with a pen!

FiraCode

FiraCode is a good alternative to Operator Mono Lig. I’m not using it, but this one is easy to set up than Operator Mono.

Themes

Well, the hard truth is I didn’t like any of the themes out there. Most of them are either high contrast or too dark so I had to customize Dark+ default VSCode theme. If you are interested you can get the settings here.

Got some useful addons? Do share it below in the comments.

Join our Newsletter

Get weekly updates on new content. No Spams whatsoever!

Written By
Praveen
Programmer | Tech Blogger | Multitasker | Learner Forever | Someone who believes knowledge grows by sharing | Looking forward to using spare time productively
Write the first response

Weekly Newsletter


 

Get weekly updates on new content right in your Inbox!


We Respect your Privacy | No Spams whatsoever!