Unlocking the Ultimate Productivity: Mastering iTerm2, Oh My Zsh, Powerlevel10K, Fig, and Homebrew

Mayur Panchal — Tue, 19 Sep 2023 13:43:03 +0000

Are you ready to take your productivity to the next level? In this step-by-step guide, we'll show you how to harness the full potential of your development environment using some powerful tools. By the end of this article, you'll be 100X more productive with iTerm2, Oh My Zsh, Powerlevel10K, Fig, and Homebrew. Let's dive in!

Demo

Fig:

Step 1: Installing Homebrew

Start by setting up Homebrew, the package manager that simplifies software installation on macOS. Copy and paste the following command into your terminal:



/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Step 2: Getting iTerm2

Now that Homebrew is installed, let's grab iTerm2, a powerful terminal emulator. Run this command to install it:



brew install --cask iterm2

Step 3: Supercharge Your Terminal with Zsh

Upgrade your shell to Zsh, a feature-rich alternative to Bash:



brew install zsh

Step 4: Boost Your Productivity with Fig

Fig is a game-changer for terminal productivity. Install it using Homebrew:



brew install --cask fig

Next, open Fig and explore the wealth of community plugins available. Enhance your experience with plugins like Oh My Zsh, Zsh Syntax Highlighting, Zsh AutoSuggestions, and more. Check out the list.

Oh My Zsh
Zsh Syntax Highlighting
Zsh AutoSuggestions
Zsh Completions
Zsh Open PR
Zsh Fzf History Search
iTerm Tab Color
256color Zsh
You should use
powerlevel10k

Now Go to oh my zsh plugin and configure it with below plugins to unlock it's true potential.

git
fzf
npm
sudo
command-not-found
z
zsh-interactive-cd
zsh-navigation-tools
colorize

Step 5: Customize Oh My Zsh with Powerlevel10K

Oh My Zsh is fantastic, but it truly shines with the right plugins. Configure Oh My Zsh to include plugins like Git, Fzf, Npm, and more. Don't forget to create a .zshrc file if it hasn't been automatically generated:



cat ~/.zshrc

The above command produces some output as we've already installed Fig which modifies the .zshrc file.

Step 6: Power Up with Powerlevel10K

Powerlevel10K is a custom Zsh theme that elevates your terminal experience. Install it manually with these commands:



git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k
touch ~/.p10k.zsh

# Copy the config from my Github Repo 
# and overwrite the default .p10k.zsh
# https://github.com/immayurpanchal/config-files/blob/main/.p10k.zsh
source ~/.p10k.zsh

To display icons correctly, install the MesloLGS NF font:



sudo bash -c "$(curl -LSs https://github.com/dfmgr/installer/raw/main/install.sh)"

Step 7: Fine-Tune iTerm2

Customize your iTerm2 settings to your liking by adjusting the font and appearance in iTerm Preferences.

To change your iTerm font. Go to iTerm Preferences > Profiles Tab > Text Sub Tab > Font
If you're not happy with the configuration of your theme. you can modify that using the below configuration command.



p10k configure

Step 8: Explore Fzf

Enhance your terminal search capabilities by installing Fzf:



brew install fzf

To install useful key bindings and fuzzy completion



$(brew --prefix)/opt/fzf/install

Bonus Tip: Troubleshooting Oh My Zsh

If you encounter issues with Oh My Zsh installation, use this command:



sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

If you face a "command not found: curl" error, install Curl using Homebrew:



brew install curl

Change your default shell to zsh



chsh -s /bin/zsh

Congratulations! You've now transformed your development environment into a productivity powerhouse. Stay tuned for more developer productivity tips and tricks. Follow us for updates and stay ahead in the world of web development. Your journey to becoming a 100X more productive developer has just begun.

If you like my work follow me on Twitter for Daily Tips & Tricks on Developer Productivity and Web Development.

How to Beautify Dev.to

Mayur Panchal — Fri, 12 Jul 2019 14:24:56 +0000

This is my first article on dev.to. I've developed one Chrome extension to beautify dev.to site.

The reasons to select this site are

I don't like the current design.
I wanted to learn how to create chrome extension
How extension works Generally in browser.

Here are some screenshots:

Beautify Dev.to extension ss

Note: This extension is still under development. Please give your suggestions to improve it.

DEV Community: Mayur Panchal

Unlocking the Ultimate Productivity: Mastering iTerm2, Oh My Zsh, Powerlevel10K, Fig, and Homebrew

How to Beautify Dev.to