Macのターミナル（bash）を最低限色付けする

6691 ワード
デザイナー向け ターミナル Bash Bash テキストリンク

デフォルトのままターミナルを使っているデザイナーとかは多いのかなと思った．zshやfishを入れるのが最高なんだけど，そこまで手をかけられないことは多い．そもそも使用頻度低いし．でもさすがにどぎつい黒はちょっとなぁみたいな．

よくわからなくても記事通りに設定していけば出来上がるみたいな記事が見つけられなかったのでまとめてみる．既存のbashでも最低限いい感じに見やすくする設定を淡々と書き残していく．

ターミナルを何度か触っている人なら10分もあれば設定できると思う．

デフォルト

既存はこんな感じで悲しくなるほど見にくい（モチベーションも上がらない．．．）

1. bashrcを作る

ターミナルを開いたら、

$ vi ~/.bashrc

入力画面が出てくるのでキーボードの i を押すと 画面下部に --INSERT--と表示される．
その状態で下記の内容をコピーして黒い画面に cmmand + v （ペースト）する

~/.bashrc
# default:cyan / root:red
if [ $UID -eq 0 ]; then
    PS1="\[\033[31m\]\u@\h\[\033[00m\]:\[\033[01m\]\w\[\033[00m\]\\$ "
else
    PS1="\[\033[36m\]\u@\h\[\033[00m\]:\[\033[01m\]\w\[\033[00m\]\\$ "
fi

# "-F":ディレクトリに"/"を表示 / "-G"でディレクトリを色表示
alias ls='ls -FG'
alias ll='ls -alFG'

ペーストされたらキーボードの esc ボタンを押してから :wq と入力してファイルを閉じる．

2. 設定の反映を自動化 

$ vi ~/.bash_profile

1.と同様に，i を押してから，下記の内容をコピーして黒い画面に cmmand + v （ペースト）する

~/.bash_profile
if [ -f ~/.bashrc ]; then
  . ~/.bashrc
fi

キーボードの esc ボタンを押してから :wq と入力してファイルを閉じる．

3. 設定を反映する 

$ source ~/.bashrc

（上記コマンドを打たなくても，ターミナル再起動でもOK）
これで幾分かはましになる．

4.より良くしたい場合はターミナルの環境設定をする

ここまででも最低限は良くなるけど，もうちょっといい感じにしたいと思う人は多いはず！

デフォルトから選んでもいいんだけど，個人的な好みでこのテーマを入れてみる．
Icebergのページにアクセスして，ページ下部の Download からzipファイルをダウンロードする．
ダウンロードしたらzipファイルを解凍しておく．

こんな感じの色味になるテーマです．

ターミナルの環境設定を開く

・テーマを読み込む

⚙∨ をクリックして， 読み込む... をクリックして，解凍したフォルダに入っている Iceberg.terminal を選択すると，左のテーマ一覧に Iceberg が追加されるので，クリックして選択したら， デフォルト ボタンを押す．

・テーマを少し編集する

テーマを選択したら， 背景 の カラーとエフェクト をクリックして 透明度を 90% にする．

・フォントを変更する

フォント の 変更 ボタンをクリックして，
ファミリーを Menlo 書体を レギュラー サイズを 18 にする

ここまで設定するとこんな感じになった!!

gitの設定は下記に書いてみました。
gitのブランチ名をターミナルで表示できるようにする

参考：

2020年11月追記

前職の時に書いたこの記事ですが、他の記事にもリンクして頂けているおかげもあるのか、実は4万近い方に見られております。（読んでいただいた方、ありがとうございます。）

gitの設定をする続きも書いて上記にリンクを載せているのですが、もうちょっとキャリア的なところも需要あるのかなと思い少し書き始めてみました。

どんな流れでWebエンジニアになったの？