Help us understand the problem. What is going on with this article?

fishのプロンプトの右側をカスタマイズして、gitのブランチとstatusを表示させる

More than 1 year has passed since last update.

やりたいこと

zshをやめて、fishを使い始めました。

zshを使っていたときに、下のような形でカレントディレクトリの右側にgitのブランチとstatusを出す設定をしていました。

[stagingに追加されていないファイルがある状態]
スクリーンショット 2017-06-07 13.16.31.png

[git addされている状態]
スクリーンショット 2017-06-07 13.13.29.png

[commitされている状態]
スクリーンショット 2017-06-07 13.16.22.png

便利に使っていたので、fishでも同じような感じにしたいと思いました。

また、fishのプロンプトはデフォルトでかわいいのがあるので、それを使いつつgitのブランチとstatusを右側に出すようにしたいと思いました。

ブラウザからプロンプトを設定する

$ fish_config

ブラウザが起動してぽちぽち設定できるので、好きなものを選びます。
わたしはこれにしました(水色が好き)。
スクリーンショット 2017-06-07 13.19.33.png

gitのブランチとstatusを表示する

fishの基本設定ファイルは~/.config/fish/config.fishです。
上記ファイルに書き込んでも設定は反映されますが、プロンプトの設定は関数に分けて~/.config/fish/functions/fish_prompt.fishに書くことが推奨されています。

fish_configコマンドを打ってブラウザからプロンプトを設定すると、以下のようなファイルが生成されて内容が書き込まれています。

~/.config/fish/functions/fish_prompt.fish
function fish_prompt
    test $SSH_TTY
    and printf (set_color red)$USER(set_color brwhite)'@'(set_color yellow)(prompt_hostname)' '
    test $USER = 'root'
    and echo (set_color red)"#"

    # Main
    echo -n (set_color cyan)(prompt_pwd) (set_color red)'❯'(set_color yellow)'❯'(set_color green)'❯ '
end

この二つのファイルを使って、gitのブランチとstatusの設定を追記してみます。

ちょっと古い記事ですが記号を使ったかわいい設定を公開してくださっている方がいたので、使うことにします。
Git Information in Fish Shell’s Prompt

~/.config/fish/config.fish
# Fish git prompt
set __fish_git_prompt_showdirtystate 'yes'
set __fish_git_prompt_showstashstate 'yes'
set __fish_git_prompt_showuntrackedfiles 'yes'
set __fish_git_prompt_showupstream 'yes'
set __fish_git_prompt_color_branch yellow
set __fish_git_prompt_color_upstream_ahead green
set __fish_git_prompt_color_upstream_behind red

# Status Chars
set __fish_git_prompt_char_dirtystate '⚡'
set __fish_git_prompt_char_stagedstate '→'
set __fish_git_prompt_char_untrackedfiles '☡'
set __fish_git_prompt_char_stashstate '↩'
set __fish_git_prompt_char_upstream_ahead '+'
set __fish_git_prompt_char_upstream_behind '-'
~/.config/fish/functions/fish_prompt.fish
function fish_prompt
    test $SSH_TTY
    and printf (set_color red)$USER(set_color brwhite)'@'(set_color yellow)(prompt_hostname)' '
    test $USER = 'root'
    and echo (set_color red)"#"

    # Main
    echo -n (set_color cyan)(prompt_pwd) (set_color red)'❯'(set_color yellow)'❯'(set_color green)'❯ '

    # Git
    set last_status $status
    printf '%s ' (__fish_git_prompt)
    set_color normal
end

これを保存して適用させると、以下のような表示になります。

[stagingに追加されていないファイルがある状態]
スクリーンショット 2017-07-26 11.11.47.png

[git addされている状態]
スクリーンショット 2017-07-26 11.11.56.png

[commitされているがpushされていない状態]
スクリーンショット 2017-07-26 11.13.23.png

[クリーンな状態]
スクリーンショット 2017-07-26 11.12.13.png

他にもステータスに応じてわかりやすくてかわいい記号が出るので、便利に使っています。

mom0tomo
ʕ ◔ϖ◔ʔ Go/インフラ 最近はQiitaじゃなくブログに書いています👉 https://mom0tomo.github.io
https://mom0tomo.github.io/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした