DEV Community

loading...
Cover image for Part-2:  Make your dev environment awesome with OhMyZSH + VSCode 🔥⚡️🔥 plugins, fonts, Icons and others

Part-2: Make your dev environment awesome with OhMyZSH + VSCode 🔥⚡️🔥 plugins, fonts, Icons and others

Shahjada Talukdar
Senior Software Engineer @eBay. Tech enthusiast, loves JS + few other languages. Keen to learn about Software Engineering/Architecture. 👋
Updated on ・2 min read

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

Discussion (14)

Collapse
saelfaer profile image
Sander Houttekier

I miss a bit of talk about ZSH to be honest. You immediately drop how to install it, after that you talk about your preferred colours. And throw in that now it's also in vscode. Not one thing about why you would want to use ZSH, what it is and which features are useful.

Collapse
destro_mas profile image
Shahjada Talukdar Author

Thanks for the feedback! I think that will require a separate post. I will try to think about it 👋

Collapse
sparkedx profile image
Sparkdex

It was such bad post. You sort of posted it just for the sake of numbers. And don't know why but Dev.to mentioned it in their FB post.

Collapse
destro_mas profile image
Shahjada Talukdar Author

Thanks for your feedback!

Collapse
larionov profile image
Sergey Larionov

Performance comparing to what?

Collapse
destro_mas profile image
Shahjada Talukdar Author

Compared to Atom. Also compared to all other IDE like IntelliJ, VisualStudio etc.(I know I can not compare with IDEs coz It's an editor.)
VSCode seems lightweight and handy to me

Collapse
jiraguha profile image
jiraguha • Edited

Please, change your title. It does not reflect the content of your article. Especially when you mention zsh.

Collapse
destro_mas profile image
Shahjada Talukdar Author

Thanks for the feedback!
I actually wrote about my terminal settings where I use ZSH. I wrote how much I did it for myself.

Collapse
nanouchkaya profile image
Claudine

I use auto close tag but I definitely have to try auto rename tag 👍

Collapse
destro_mas profile image
Shahjada Talukdar Author

AutoRename tag is nice 👋

Collapse
messified profile image
Jesse Reese • Edited

Bomb dot com 👏👍🏼 Thanks for sharing!

Collapse
destro_mas profile image
Shahjada Talukdar Author

Welcome! 👍

Collapse
destro_mas profile image
Shahjada Talukdar Author

I use it on Mac and Windows10. Please report an issue to them