# VSCodeのターミナルとデフォルトのターミナルをStar Shipを使っていい感じにおしゃにする ターミナルの見た目を変える[Starship: Cross-Shell Prompt](https://starship.rs/ja-JP/)を使っていい感じのターミナルを手に入れよう tarminalとVSCodeのターミナルの表示の設定をします ## Nerd Fontsからフォントをインストールする [Nerd Fonts](https://www.nerdfonts.com/)で良さげなフォントをダウンロードして自分の普段使うターミナルに設定してください Homebrewを使うと下記コマンドの感じでいけます 1. `brew tap homebrew/cask-fonts` をコマンドラインで打ち込んで`cask-fonts`をbrew経由で扱えるように設定します 3. `brew install font-hack-nerd-font --cask` をコマンドラインで打ち込んで`hack-nerd-font`というフォントをダウンロードする Nerd Fontsからフォントをダウンロードしているのはstarshipで使うアイコンを表示するのに必要なフォントだからです ### フォントをターミナルに設定する #### VSCodeのターミナルを設定しよう VSCodeは左下の歯車を押してSettingsを開くと設定ファイルが開きます ![](https://i.imgur.com/jwjE3wT.png) 上に出てきた検索バーに`terminal font`と打ってreturnを押すとターミナルのフォントを設定するところが出てくるので`Hack Nerd Font`と打ちましょう ![](https://i.imgur.com/Jm529TH.png) #### ターミナルのフォントを設定しよう ターミナルを開いてカーソルを画面の上まで持っていくとターミナルというタブが表示されるのでそこから環境設定を開きます ![](https://i.imgur.com/m82UHl3.jpg) 環境設定を開くと一般、プロファイル、ウィンドウグループ、エンコーディングと書いてあるwindowが開くのでプロファイルをクリックしてください テキストタブの上から2番目にあるフォントの設定ができるところから `Hack Nerd Font`のレギュラーを選択するとフォントを変更することが出来ます ![](https://i.imgur.com/jtxlnE7.jpg) ## Starshipをインストールする いよいよ本題のStarshipをインストールしていきましょう Homebrewを使ってインストールします `brew install starship` ## .zshrcに設定を追記する Starshipがインストールできたら設定をzshに設定をします `~/.zshrc`の一番最後に`eval "$(starship init zsh)"`を追記してください `touch ~/.zshrc` `echo 'eval "$(starship init zsh)"' >> ~/.zshrc` ちゃんと設定ができていれば`source ~/.zshrc`を打つとターミナルの見た目が変わると思います ![](https://i.imgur.com/seVONgO.png) おしゃターミナルは気分が上がりますね 気が向いてカスタマイズしたら記事更新します