Mohan pd.
Mohan pd. Author of The Coders Blog. Also a professional fullstack javascript developer working with various tech company and client around world.

How to customisation ZSH theme and install helpful plugins.

Nov 06, 2019 · 2 minutes
How to customisation ZSH theme and install helpful plugins.

Zsh Configurations

For installing zsh download and configure visit here.

Download iTerm

Download the latest iTerm

Install oh-my-zsh

Open iTerm and run the command:

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

Powerline fonts

Clone, install and remove powerline fonts.

# clone powerline font repo
git clone https://github.com/powerline/fonts.git --depth=1

# install fonts
cd fonts
./install.sh

# cleanup
cd ..
rm -rf fonts

Configure agnoster theme

  • Source: Agnoster.

  • Edit ~/.zshrc to add agnoster theme.

# open zsh config file
vim ~/.zshrc

# update zsh theme section of code
set ZSH_THEME="agnoster"
# backup
cd .oh-my-zsh/themes
mv agnoster.zsh-theme agnoster.zsh-theme_bkp

# either create new or clone and move the above file
mv ~/Downloads/agnoster.zsh-theme .

Customise iTerm

Different customisations for iterm Source: Jazz up zsh terminal

iTerm Color Schemes

  • Download the iTerm2-color-schemes as a zip file and extract it.

  • The “Schemes” folder contains all the color scheme files — they end with .itermcolors.

  • Open iTerm2 > Profiles > Edit Profiles > Colors > Color Presets Drop Down > Import.

  • In the import window, navigate to the “Schemes” folder (from step 2).

  • Select all the files so you can import all the color schemes at once.

  • Simply select whichever color scheme you like (select batman).

Syntax Highlighting Plugin

  • Clone the zsh-syntax-highlighting plugin’s repo and copy it to the “Oh My ZSH” plugins directory.
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
  • Activate the plugin in ~/.zshrc by adding zsh-syntax-highlighting to the Plugins section as shown below.
plugins =(
    git
    zsh-syntax-highlighting
)

ZSH-AutoSuggestion Plugin

  • Install.
git clone https://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions
  • Activate the plugin in ~/.zshrc by adding zsh-autosuggestions to the Plugins section as shown below.
plugins =(
    git
    zsh-syntax-highlighting
    zsh-autosuggestions
)

Reflect changes after everything is configured

Re-read zshrc configuration

source ~/.zshrc

Change iterm fonts

  • Open iTerm2 > Profiles > Edit Profiles > Text > Font Drop Down.

  • Select Meslo LG L DZ for Powerline

  • Select Regular in the next drop down for font style.

  • Select 14 in the next drop down for font size.