DEV Community

Cover image for Make your dev environment  awesome with VSCode + OhMyZSH πŸ”₯πŸ”₯πŸ”₯ plugins, fonts, Icons and others
Shahjada Talukdar
Shahjada Talukdar

Posted on • Updated on

Make your dev environment awesome with VSCode + OhMyZSH πŸ”₯πŸ”₯πŸ”₯ plugins, fonts, Icons and others

VSCode is awesome and we know it. Performance is the key here. But overall easy-to-use design, plugins and marketplace make this even more powerful.

I have been using VSCode since the beginning. Here is one post I wrote more than 4 years ago Visual Studio Code – A Cross Platform Code Editor built with Chromium

VSCode has become much better since it's inception. I will share some of the best Plugins you can use today to improve your developer experience πŸŽ‰

1.Font

Personally I like to have a very clean and catchy font for my VSCode as I mostly read and write code. So Font is really important to me.
I use Operator Mono. I tried few fonts. But so far I like it the most. It suits my eyes very well.
So you can download and install the font and then go to VSCode setting and paste this to Font section.

'Operator Mono', Monaco, Menlo, Consolas, 'Courier New', monospace
Enter fullscreen mode Exit fullscreen mode

This is how my font looks and I think it's really cool! 😎

Alt Text

2.Icons - Material Icon theme

I tried both vscode-icons and Material Icon theme. But I think I like Material Icon theme a bit more.

Alt Text

3.NPM

This extension supports running npm scripts defined in the package.json file and validating the installed modules against the dependencies defined in the package.json.

Notice: The validation is done by running npm and it is not run when the modules are managed by yarn.

Alt Text

4.npm Intellisense

Visual Studio Code plugin that autocompletes npm modules in import statements.

Alt Text

5.Theme

There are a lot of good Themes on Marketplace but I use the pre-installed Monokai theme the most! I actually tried few of the popular ones. Still, Monokai suits the best for my eyes.

Alt Text

There are few more cool plugins I use. I will continue writing this on next Part.⚑

Till then,
Cheers!
πŸ‘‹

As I am trying to contribute contents on the Web, you can buy me a coffee for my hours spent on all of these ❀️😊🌸
Buy Me A Coffee

My Blog: https://shahjada.me

Top comments (11)

Collapse
 
slowmove profile image
Erik Hoffman

Regarding #4, Visual Studio Code now has this built in by default, enabled by javascript.suggest.paths

Collapse
 
destro_mas profile image
Shahjada Talukdar

Cool. Thanks! I will have a look

Collapse
 
avasconcelos114 profile image
Andre Vasconcelos

Another cool thing to share is the VSCode themes site, there are a ton of good looking themes available on there

Collapse
 
destro_mas profile image
Shahjada Talukdar

Thanks! I will have a look...

Collapse
 
jobayerarman profile image
Jobayer Arman

ligatures support like Fira Code
github.com/kiliman/operator-mono-lig

Collapse
 
destro_mas profile image
Shahjada Talukdar

Thanks, that's nice!

Collapse
 
destro_mas profile image
Shahjada Talukdar
Collapse
 
destro_mas profile image
Shahjada Talukdar

I will write about OhMyZSH in my next post

Collapse
 
mackenza profile image
Andrew MacKenzie

Can you change the title? I already have my VSCode setup and wanted to read about OhMyZSH

Thread Thread
 
gene profile image
Gene

You can actually follow any OhMyZSH setup tutorial out there and just set it as default in your vscode terminal.

My VSCode Terminal

Thread Thread
 
destro_mas profile image
Shahjada Talukdar