エディタとブラウザ以外で、毎日接する2 番目に多いもの、ターミナル。しっかりといじってみることにしました。以前、oh-my-zsh をダウンロードしました。しかし、ずっとデフォルトのテーマである robbyrussell を使用していました。このテーマは実際にはとても良いですが、デフォルトの zsh と比べて非常にシンプルで美しいです。しかし、フロントエンドエンジニアとして、いじらないわけにはいきません🌊。
いじる前の準備#
具体的なインストール手順は省略しますが、ドキュメントを参照してください。
設定が必要です#
iTerm のカラーテーマ#
このテーマライブラリには 170 以上のテーマが含まれています。ファイルをローカルにダウンロードして、カラープリセットにインポートするだけです（ショートカットキー cmd + i を使用）。
zsh テーマ#
私はpowerlevel9kを使用しています。これにより、ターミナルをさらに個別にカスタマイズできます。こんな感じです🌰。
もちろん、こんな感じにもできます。
powerlevel9k のインストール#
- テーマのリポジトリをクローンします
$ git clone https://github.com/bhilburn/powerlevel9k.git ~/.oh-my-zsh/custom/themes/powerlevel9k
- .zsh にテーマを設定します
ZSH_THEME="powerlevel9k/powerlevel9k"
zsh 関連プラグイン#
これらは私がおすすめする 2 つのプラグインですが、他のプラグインも追加できます。具体的なアドレスはこちらです。
zsh プラグインのインストール方法#
oh-my-zsh の方法#
- プラグインのリポジトリをクローンします
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
- ~/.zshrc でプラグインを見つけ、このプラグインを追加します
plugins = (
git
rails
zsh-autosuggestions
)
.zshrc の方法#
- 上記と同様
- .zshrc に行を追加します
source ./zsh-syntax-highlighting/zsh-syntax-highlighting.
その他#
ユーザー情報を非表示にする#
ターミナルを開くと、常に長いユーザー情報のプレフィックスが表示されます。少し不要に感じますが、どのようにして非表示にしますか。以前に robbyrussell テーマを使用していたときは表示されませんでしたので、おそらくテーマファイルの問題です。したがって、powerlevel9k.zsh-theme ファイルを開きます（上記でクローンしたパスを確認してください）。
# Note that if $DEFAULT_USER is not set, this prompt segment will always print
解決策は.zshrc でデフォルトのユーザー名を設定するだけです。
vs code の設定#
上記の手順を完了すると、見た目も良く使いやすいターミナルが完成します。では、vs code を開いて、頑張りましょう。ちょっと待って、文字化けは何でしょうか？それはターミナルのフォント設定を忘れたためです。settings.json ファイルを開き、以下の行を追加してください。
"terminal.integrated.fontFamily": "Meslo LG M（使用しているフォント） for Powerline"