# 改變Macbook Terminal的樣式 自己剛入手一台Macbook air M2,這是我第一台使用蘋果電腦,因為工作關係會常常使用終端機做事情,所以希望terminal的樣貌可以好看一點或是有一些特殊的功能可以讓我做事更方便。 我知道內建terminal可以更改基本的顏色跟字型大小樣式,就如同下面那張圖所示(上網抓的),但使用功能還是有限制。 ![](https://hackmd.io/_uploads/SkBYMbpZa.png) 特地建立筆記,裡頭包括上網看別人的教學以及在安裝過程中遇到問題而又如何解決。下面是改變後的樣子 ![](https://hackmd.io/_uploads/Sym1MZp-p.png) :::info 實用的網路資料 - 影片教學 [程式猿 - 強化你的 Macbook 的 Terminal 終端機 ! 更改漂亮主體跟背景顏色! 我用 oh my zsh 就能做到 ! 也能裝強大插件讓終端機更好用 !](https://www.youtube.com/watch?v=GWutsiTwpqs) - 必要參考網站 [Homebrew](https://brew.sh/zh-tw/) [iterm2](https://formulae.brew.sh/cask/iterm2#default) [Github - iTerm2-Color-Schemes ](https://github.com/mbadolato/iTerm2-Color-Schemes) [Oh My Zsh](https://ohmyz.sh/#install) [Github - Oh My Zsh plugins](https://github.com/ohmyzsh/ohmyzsh/wiki/Plugins) [Oh My Zsh + powerlevel10k](https://holychung.github.io/2020/12/24/%E3%80%90%E5%88%86%E4%BA%AB%E3%80%91Oh-My-Zsh-powerlevel10k-%E5%BF%AB%E9%80%9F%E6%89%93%E9%80%A0%E5%A5%BD%E7%9C%8B%E5%A5%BD%E7%94%A8%E7%9A%84-command-line-%E7%92%B0%E5%A2%83/) ::: # 實際操作 ## 1. 安裝[Homebrew](https://brew.sh/zh-tw/) ![](https://hackmd.io/_uploads/B1Z5s-aZa.png) 第一件事,就是安裝brew套件到mac。 幸運的話只要在terminal打入以下指令就可以安裝成功。 ``` /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" ``` 要確保有安裝到Homebrew,打入以下指令。 ``` brew --version ``` ![](https://hackmd.io/_uploads/r117hZpZa.png) 若出現Homebrew 4.1.xx就代表安裝成功,但最一開始我是出現`zsh: command not found: brew`,後來發現應該是 zsh 的 PATH 環境變數沒有包含 Homebrew 的安裝路徑。以下是詳細的解決資訊 :::spoiler 1. 把Homebrew安裝路徑加到zshrc ``` echo "export PATH=/opt/homebrew/bin:$PATH" >> ~/.zshrc ``` 2. Homebrew重新檢測問題並修復 ``` brew doctor ``` 3. 重新輸入`brew --version`就成功了 ::: ## 2. 安裝[iTerm2](https://formulae.brew.sh/cask/iterm2#default) 在terminal輸入以下指令,等安裝完就可以看到app已經在電腦的applications中了。 ``` brew install --cask iterm2 ``` ![](https://hackmd.io/_uploads/Hkpv5MaZT.png) 打開iTerm,並按command+i,就會出現Preferences視窗,裡頭就可以調各種顏色及字型。**(記得要把自己設定好的視窗設成預設的,不然重開iTerm會回到原本系統預設的樣式)** ![](https://hackmd.io/_uploads/H1Ntiz6WT.png) ![](https://hackmd.io/_uploads/SJ0j6zTbT.png) 如果覺得原本iTerm的顏色好少,可以去Gitlab下載下面的zip檔[iTerm2-Color-Schemes ](https://github.com/mbadolato/iTerm2-Color-Schemes) ![](https://hackmd.io/_uploads/ByjdyQpZT.png) 並在preferences>Colors>Color Presets>Import,把從Github下載的檔案,選到schemes,裡面就有各種的樣式供自己挑選。→若要看實體顏色可以去Github的[README.md](https://github.com/mbadolato/iTerm2-Color-Schemes#screenshots) ![](https://hackmd.io/_uploads/rkvyWmpZ6.png) ![](https://hackmd.io/_uploads/ryBqZmaWT.png) ## 3. 安裝[Oh My ZSH](https://ohmyz.sh/#install) 已經把Iterm2下載好後,接著就是去下載Oh My Zsh,有很多好用的plugins可以使用,能夠依照自己喜歡的去決定要加入什麼樣的功能。 下面是官網對於Oh My Zsh的介紹 ![](https://hackmd.io/_uploads/B1bzoeR-a.png) 在terminal打入以下指令,可以在官網首頁的下面找到,有兩種install方式,我是用curl。 ``` sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" ``` ![](https://hackmd.io/_uploads/rykNoeR-a.png) 完成後,在terminal可以看到有一個大大的用彩虹顏色所得出的Oh My Zsh ![](https://hackmd.io/_uploads/SJc5ie0ZT.png) 接下來就是來更改.zshrc檔,加入自己喜歡的plugins。去磁碟機按下去,可以看到僅有少少的幾個資料夾,要顯示隱藏的資料夾,只要按command+shift+.,就能顯示了。 ![](https://hackmd.io/_uploads/BJ1JpgR-6.png) 點去User>使用者>.zshrc就可以更改檔案。 像我改了幾個地方 - ZSH_THEME,像我自己就不太喜歡random,怕太多顏色會搞混,所以就設成我自己喜歡的樣式。要看更多樣式,可以去[ohmyzsh Theme挑選](https://github.com/ohmyzsh/ohmyzsh/wiki/Themes?source=post_page-----77d5aae87b10--------------------------------) ![](https://hackmd.io/_uploads/r1te0lRb6.png) - plugins,Github上有每一個功能的解說,依照自己工作需要用到的就可以加進去。 ![](https://hackmd.io/_uploads/rJNYAx0Wa.png) ![](https://hackmd.io/_uploads/Bkre1-RZ6.png) - alias像是打zshconfig就會幫我把.zshrc的檔案打開,不用慢慢點進去。打code就會自洞開VScode。 ![](https://hackmd.io/_uploads/HyuQgWAZa.png) # 解決BUG - 雖然iterm2運作都正常,但發現在開啟macbook原始的terminal會出現亂碼、在Vscode的terminal也是。→出現該問題的原因是因為字體沒有一致。**把terminal的字體全都改成一樣就解決了**。 先去看iterm2所設定的字體 ![Screenshot 2023-12-20 at 9.00.35 AM](https://hackmd.io/_uploads/Bkt9T3yP6.png) 1. 原始terminal 打開terminal並在Profiles→Text→Font更改字體 ![Screenshot 2023-12-20 at 8.58.41 AM](https://hackmd.io/_uploads/rk16p3yva.png) 2. VScode 按左下角的settings圖示,並在搜尋框打terminal font在Font Family打上字體樣式 ![Screenshot 2023-12-20 at 9.02.31 AM](https://hackmd.io/_uploads/SyOVA2JDT.png)