LoginSignup
191
162

More than 3 years have passed since last update.

iTerm2とstarshipでterminalとshellをお洒落にしました!

Last updated at Posted at 2020-03-08

会社から支給のMacbookProが届いたので
terminalとshellをお洒落にカスタマイズしたお話をしようと思います!

Terminalの選定

好きなものでいいと思います。
ちなみに個人のPCではhyperを使っていたので他のでいいのがあれば使ってみたいと
思っていたのでTwitterのフォロワーさんに聞いてみました!
(わかっていたけどいろんなものがきました)
スクリーンショット 2020-03-09 1.10.49.png
きたリプの中のものを個人的にも調べてAlacrittyとiTerm2で悩みましたが
Alacrittyは日本語入力難ありと聞いたのでiTerm2にしました!

Promptの選定

Terminalの選定が終わったので、Prompotをどしようとなりました。
ちなみに自分のPCではPrezto+Powerline+pokemonでポップな感じになっています。
どうせなら自分の方とは違うタッチの可愛くてお洒落なものにしたいなという思いがあったので
またツイートしてみました(困ったらTwitterに行きがち)

スクリーンショット 2020-03-09 1.16.56.png

starship?👀
Starship: Cross-shell Prompt

というリプをもらったので、速攻公式のサイトに行きました。
めっちゃ可愛い、、、しかも日本語のサポートある嬉しいとなりstarshipに決定!

starshipの導入

インストールの前にフォントのインストールとterminalへの設定をします。

フォントのinstall

公式の例ではFira Code Nerd Fontをつかっています。
Fira Code Nerd Fontのinstallはここからできます。
(たくさんありますがFira Code Nerd Fontをinstallしてください)
installしたらzipファイルを開いてFontBookにD&Dしてください。

もちろん好きなものでも大丈夫です。starshipはPowerlineにも対応しています。

terminal側のフォント設定

iTerm2の場合
Preferencesを押して
スクリーンショット 2020-03-09 1.36.06.png
ProfileのtextのところにあるFontに任意のフォントを指定してあげます。
スクリーンショット 2020-03-09 1.37.28.png

starshipのinstall

公式はこちらです。
(公式死ぬほどわかりやすいので入れるまでは公式見た方がいいかもですw)

スクリーンショット 2020-03-09 1.41.31.png
いろんなinstall方法に対応しています。
私は Homebrew経由でinstallしました。

初期化のスクリプトをシェルの設定ファイルに追加

私は、zshを使っているので.zshrcにスクリプトを追加
(他のものは公式を参照してください)

# ~/.zshrc

eval "$(starship init zsh)"

このような感じになっていたら無事installできています!
スクリーンショット 2020-03-09 1.48.29.png

starshipの設定

項目死ぬほどあるので、公式のここ見るのが幸せだと思います。

styleの設定

ここだけ少しわかりづらかったので、説明しておきます。


[git_branch]
style = "#dda0dd"
symbol = "🌱 "
truncation_length = 4
truncation_symbol = ""

こういう感じで任意の色の指定ができます!
最後に私の設定を晒して終わりにしようと思いますw

やみかわメンヘラ仕様

テーマはやみかわメンヘラです。
スクリーンショット 2020-03-09 1.57.59.png
可愛くないですか?可愛い!!可愛いは正義!!!

やみかわメンヘラのstarshipの設定

# Disable the newline at the start of the prompt
add_newline = false

# Wait 10 milliseconds for starship to check files under the current directory.
scan_timeout = 10

[battery]
full_symbol = "🔋"
charging_symbol = "⚡️"
discharging_symbol = "💀"

[character]
style_success = "#ff69b4"
symbol = "➜"
error_symbol = "✗"
use_symbol_for_status = true

[directory]
style = "#ba55d3"
truncation_length = 0
truncate_to_repo = false

[dotnet]
symbol = "🥅 "
style = "green"
heuristic = false

[env_var]
disabled = false

[git_branch]
style = "#dda0dd"
symbol = "♥:"
truncation_length = 4
truncation_symbol = ""

[git_commit]
disabled = false
commit_hash_length = 4

[git_state]
progress_divider = " of "
cherry_pick = "🍒 PICKING"

[git_status]
conflicted = "🏳 "
ahead = "🏎 💨"
behind = "😰"
diverged = "😵"
untracked = "🤷<200d>"
modified = "📝"
staged.value = "++"
staged.style = "green"
staged_count.enabled = true
staged_count.style = "green"
renamed = "👅"
deleted = "🗑 "

[hostname]
ssh_only = false
prefix = "⟪"
suffix = "⟫"
trim_at = ".companyname.com"
disabled = true

[jobs]
symbol = "+ "
threshold = 4

[memory_usage]
show_percentage = true
show_swap = true
threshold = -1
symbol = " "
separator = "/"
style = "bold dimmed green"

[nodejs]
style = "#ffc0cb"

[ruby]
symbol = " "
style = "#ffc0cb"

[package]
style = "#ffc0cb"
symbol = " "

" "になってるところはFira Code Nerd Fontのこれです。
スクリーンショット 2020-03-09 2.02.13.png

やみかわメンヘラのiTerm2の設定

git branchなどの結果の色変えられないんだろうかといろいろいじっていたら
iTerm2のcolor設定で変えられると気づいたので、全部ふんわりダークな色にしました。
スクリーンショット 2020-03-09 2.05.40.png
配色のexportファイルはこちら

ThemeはMinimalにしました。
スクリーンショット 2020-03-09 2.06.33.png

以上です!!!
starshipはRust製ということもあり早い気がします((
自分好みにして楽しんでください!!!

191
162
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
191
162