DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 966,904 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Display Current Git Branch on iTerm2
Ahmet
Ahmet

Posted on

Display Current Git Branch on iTerm2

As a Windows user, I generally use Conemu Console for my console and it has a sweet future in which you can see the current git branch on the terminal. After using Mac I wanted to see the same future on iTerm2. I found the way and I want to share it with you πŸ™‚

.zshrc file

Firstly create and edit a .zshrc file that will use for terminal configuration.

touch ~/.zshrc; open ~/.zshrc
Enter fullscreen mode Exit fullscreen mode

parse_git_branch

Customize your terminal whatever you want with this file. You can use the following bash code to display the git branch.

parse_git_branch() {
    git branch 2> /dev/null | sed -n -e 's/^\* \(.*\)/[\1]/p'
}
COLOR_DEF='%f'
COLOR_DIR='%F{197}'
COLOR_GIT='%F{39}'
NEWLINE=$'\n'
setopt PROMPT_SUBST
export PROMPT='${COLOR_DIR}%d ${COLOR_GIT}$(parse_git_branch)${COLOR_DEF}${NEWLINE}%% '
Enter fullscreen mode Exit fullscreen mode

And that is it! Restart your terminal. You will see the current branch on your terminal πŸ™‚

Image description

More customization

If you want more customization you can edit the PROMPT variable in the .zshrc file. For example, you can add your current computer user.

parse_git_branch() {
    git branch 2> /dev/null | sed -n -e 's/^\* \(.*\)/[\1]/p'
}
COLOR_DEF='%f'
COLOR_USR='%F{243}'
COLOR_DIR='%F{197}'
COLOR_GIT='%F{39}'
NEWLINE=$'\n'
setopt PROMPT_SUBST
export PROMPT='${COLOR_USR}%n@%M ${COLOR_DIR}%d ${COLOR_GIT}$(parse_git_branch)${COLOR_DEF}${NEWLINE}%% '
Enter fullscreen mode Exit fullscreen mode

Image description

More color!

If you want to change color, just edit the color code.
Change COLOR_USR='%F{243}' to COLOR_USR='%F{229}'

You can find the color code schema in the following image.

Image description

Image Source

Top comments (2)

Collapse
 
bughunter profile image
burak duman

Awesome man, thanks!!

Collapse
 
catherinepope profile image
Catherine Pope

Thanks so much for your helpful post, Ahmet! That was exactly what I needed.

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.