Customise Your Terminal Using Zsh & powerlevel10k

Transform your terminal from this to this !!

Before

After

What we will setup

1.Zsh

ZSH, also called the Z shell, is an extended version of the Bourne Shell (sh), with plenty of new features, a…


This content originally appeared on DEV Community and was authored by Pratik Kale

Transform your terminal from this to this !!

Before

Before Terminal Image

After

After Terminal Image

What we will setup

1.Zsh

ZSH, also called the Z shell, is an extended version of the Bourne Shell (sh), with plenty of new features, and support for plugins and themes.

2.Powerlevel 10k

Powerlevel10k is a theme for Zsh. It emphasizes speed, flexibility and out-of-the-box experience.

3.Zsh-syntax-highlighting

This package provides syntax highlighting for the shell zsh. It enables highlighting of commands whilst they are typed at a zsh prompt into an interactive terminal. This helps in reviewing commands before running them, particularly in catching syntax errors.
Some examples:
Before:
After:

4.Zsh-autosuggestions

As you type commands, you will see a completion offered after the cursor in a muted gray color.
If you press the → key (forward-char widget) or End (end-of-line widget) with the cursor at the end of the buffer, it will accept the suggestion, replacing the contents of the command line buffer with the suggestion.

1.Install Zsh

1)Installation

Ubuntu, Debian & derivatives
sudo apt install zsh
Arch Linux or Manjaro
pacman -S zsh
macOS
brew install zsh

2)Verify your installation by running zsh --version. Expected result: zsh 5.0.8 or more recent.

3)Make it your default shell

chsh -s $(which zsh)

Note that this will not work if Zsh is not in your authorized shells list (/etc/shells) or if you don't have permission to use chsh. If that's the case you'll need to use a different procedure.

4)Log out and log back in again to use your new default shell.

5)Test that it worked with echo $SHELL. Expected result: /bin/zsh or similar.

2.Install and Cofigure powerlevel10k

1)Font
Powerlevel10k doesn't require custom fonts but can take advantage of them if they are available. It works well with Nerd Fonts, Source Code Pro, Font Awesome, Powerline, and even the default system fonts. The full choice of style options is available only when using Nerd Fonts.
Recommended font: Meslo Nerd Font patched for Powerlevel10k.
Download these four ttf files:

Double-click on each file and click "Install". This will make MesloLGS NF font available to all
applications on your system. Configure your terminal to use this font:

  • GNOME Terminal (the default Ubuntu terminal): Open Terminal → Preferences and click on the selected profile under Profiles. Check Custom font under Text Appearance and select MesloLGS NF Regular.
  • Apple Terminal: Open Terminal → Preferences → Profiles → Text, click Change under Font and select MesloLGS NF family.
  • Microsoft Terminal: Open Settings (Ctrl+,), search for fontFace and set value to MesloLGS NF for every profile. If you are using any other terminal click here for the configuration.

2)Installation
Clone the powerlevel10k repo

git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ~/powerlevel10k

Source the powerlevel10k theme script in your .zshrc

echo 'source ~/powerlevel10k/powerlevel10k.zsh-theme' >>~/.zshrc

After this exit and reopen your terminal.
Now you will see this message.

Alt Text

This is the Powerlevel10k cofiguration wizard select the options that you like and make your custom prompt !!
Alt Text
Choose the propmt style that you like.
Alt Text
Press Y and save your changes.

If you want to change your prompt again just run the follwing command.

p10k configure

This will take you the Powerlevel10k cofiguration wizard.

3.Zsh-autosuggestions and Zsh-syntax-highlighting

1)Zsh-autosuggestions

Clone the Zsh-autosuggestions repo

git clone https://github.com/zsh-users/zsh-autosuggestions ~/.zsh/zsh-autosuggestions

Source the script in your .zshrc

echo 'source ~/.zsh/zsh-autosuggestions/zsh-autosuggestions.zsh'>>~/.zshrc

Then exit and start a new terminal session.

2)Zsh-syntax-highlighting

Clone the Zsh-syntax-highlighting repo

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git

Source the script in your .zshrc

echo 'source ./zsh-syntax-highlighting/zsh-syntax-highlighting.zsh'>>~/.zshrc 

Note the source command must be at the end of ~/.zshrc.

Now exit and start a new terminal session.

And et voilà !
Your terminal is ready!
Thank you so much for reading this article and do let me know your thoughts in comments!

Reach me:
Twitter | Instagram | Mail

Repositeries Mentioned:

GitHub logo zsh-users / zsh-autosuggestions

Fish-like autosuggestions for zsh

GitHub logo zsh-users / zsh-syntax-highlighting

Fish shell like syntax highlighting for Zsh.


This content originally appeared on DEV Community and was authored by Pratik Kale


Print Share Comment Cite Upload Translate Updates
APA

Pratik Kale | Sciencx (2021-05-20T05:55:11+00:00) Customise Your Terminal Using Zsh & powerlevel10k. Retrieved from https://www.scien.cx/2021/05/20/customise-your-terminal-using-zsh-powerlevel10k/

MLA
" » Customise Your Terminal Using Zsh & powerlevel10k." Pratik Kale | Sciencx - Thursday May 20, 2021, https://www.scien.cx/2021/05/20/customise-your-terminal-using-zsh-powerlevel10k/
HARVARD
Pratik Kale | Sciencx Thursday May 20, 2021 » Customise Your Terminal Using Zsh & powerlevel10k., viewed ,<https://www.scien.cx/2021/05/20/customise-your-terminal-using-zsh-powerlevel10k/>
VANCOUVER
Pratik Kale | Sciencx - » Customise Your Terminal Using Zsh & powerlevel10k. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/05/20/customise-your-terminal-using-zsh-powerlevel10k/
CHICAGO
" » Customise Your Terminal Using Zsh & powerlevel10k." Pratik Kale | Sciencx - Accessed . https://www.scien.cx/2021/05/20/customise-your-terminal-using-zsh-powerlevel10k/
IEEE
" » Customise Your Terminal Using Zsh & powerlevel10k." Pratik Kale | Sciencx [Online]. Available: https://www.scien.cx/2021/05/20/customise-your-terminal-using-zsh-powerlevel10k/. [Accessed: ]
rf:citation
» Customise Your Terminal Using Zsh & powerlevel10k | Pratik Kale | Sciencx | https://www.scien.cx/2021/05/20/customise-your-terminal-using-zsh-powerlevel10k/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.