Make your dev environment  awesome with VSCode + OhMyZSH 🔥🔥🔥 plugins, fonts, Icons and others
Tags: vscode, javascript, productivity, react
Published: 2019-10-22 20:23:59

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](https://shahjada.me/2015/05/24/visual-studio-code-a-cross-platform-code-editor-built-with-chromium/)

<img height="270px" width="250px" src="https://thepracticaldev.s3.amazonaws.com/i/7qlhmtl63dvqen7h4pdz.png"/>

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 :tada:

1.<b>Font</b>

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 <b>Operator Mono</b>. 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
```

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

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/fguj14bx8qziqmd7spod.png)

2.[<b>Icons</b> - Material Icon theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)

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

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/e5i5a8192lh7bvuyyc0m.png)

3.[<b>NPM</b>](https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script)

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.

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

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/rs20sslyyc3zk2h5alov.png)

4.[<b>npm Intellisense</b>](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense)

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


![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/y93xn4yxzp823h16gt6i.gif)

5.<b>Theme</b>

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

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/ul2qcw5q6bxyyfdvld09.png)


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

Till then,
Cheers!
:wave:

As I am trying to contribute contents on the Web, you can buy me a coffee for my hours spent on all of these ❤️😊🌸
<a href="https://www.buymeacoffee.com/destromas" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" style="height: 51px !important;width: 217px !important;" ></a>

My Blog: https://shahjada.me