Part-2: Make your dev environment awesome with OhMyZSH + VSCode šŸ”„āš”ļøšŸ”„ plugins, fonts, Icons and others

destro_mas

Shahjada Talukdar

Posted on October 25, 2019

Part-2:  Make your dev environment awesome with OhMyZSH + VSCode šŸ”„āš”ļøšŸ”„ 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.

But before putting some cool VSCode plugins, today I am gonna write about OhMyZSH first. On my last Post, I wanted to write about it but I was so sleepy and could not finish šŸ˜“ . I wrote at the end that I would continue ZSH in my next post. So here I am šŸ˜

Now let's talk about my Terminal, yes OhMyZSH. āš”

I use OhMyZSH on top of iTerm2. Here is the Link for iTerm2.
After installing iTerm2, please run this command on iTerm2 Terminal-

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
Enter fullscreen mode Exit fullscreen mode

I always liked the Homebrew color scheme from MacOS's default Terminal. That's why I tried to use Homebrew for iTerm2 too.
I found the Homebrew color scheme here šŸ¤“

It already looks so cool to me šŸ†’ šŸŽ‰ ā¤ļø
I don't like my Terminal to be messy, so this settings suit me perfectly ā­

Also, there are a lot of awesome themes for ZSH šŸ‘‰ here šŸ”„

You can choose your preferred one šŸ’„

Nice thing is - when you have your ZSH installed, you will have the same theme and settings inside your VSCode terminal. My VSCode terminal looks like this now šŸ‘‡

Alt Text


I will share some of the best Plugins you can use today to improve your developer experience šŸ’„

1.Auto Close Tag

Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.

Alt Text

2. Auto Rename Tag

Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

Alt Text

3. Bracket Pair Colorizer

This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.

Alt Text

4.Highlight Matching Tag

It highlights matching opening or closing tags. Optionally it also shows path to tag in the status bar.

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

šŸ’– šŸ’Ŗ šŸ™… šŸš©
destro_mas
Shahjada Talukdar

Posted on October 25, 2019

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related