MAC教學

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

相信不少使用 Mac 程式開發者或工程師多數都會使用到終端機進行工作,但是 macOS 內建終端機看起來總是很難用,導致不少用戶可能會改用其他終端機來處理,不過這篇要來教大家替 macOS 終端機套上 oh my zsh 主題,即可提升終端機操作與辨識效率。

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

 

從 macOS Mojave 開始就內建 Zsh ,這篇也是以 macOS Catalina 作為範例教學,整個過程都只需要透過終端機,並且透過本篇教學指令執行就可以順利安裝,過程10分鐘內就能全安裝完畢。

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

修改後macOS終端機畫面

 

安裝 Oh My Zsh 教學

輸入底下指令替 macOS 安裝 Oh My Zsh

sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

 

過程會跳出需要安裝開發者工具,點擊「安裝」繼續。

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

安裝完畢後,就會看見一個非常大字 oh my zsh ,並且停留在 “~” 狀態下就表示已經安裝完成。

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

Oh My Zsh 下載主題與設定

接下來,輸入底下指令編輯 Zsh 設定檔案來載入其他主題,如果想看每款主題風格,可以到 Oh My Zsh 的官網 Wiki Themes 頁面看效果。

在這篇以安裝「agnoster」為主題,透過終端機輸入 zsh 編輯文件指令來修改主題

vim ~/.zshrc

找到 ZSH_THEME 這行,並且將後面雙引號內文字改成想要套用主題風格,按下 i 鍵進入編輯模式,雙引號內改成「agnoster」,最後按下 esc 鍵退出編輯,並輸入 :wq 就可以保存退出 vim 編輯模式。

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

分別為開啟高亮語法、開啟顯示行號

echo 'syntax on' >> ~/.vimrc
echo 'set nu!' >> ~/.vimrc

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

最後,輸入底下指令能夠讓 zsh 設定實現效果,會發現到終端機出現亂碼文字,後續會教大家解決辦法。

source ~/.zshrc

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

安裝 Powerline 字體修正亂碼

由於 agnoster 主題內夾帶有特殊符號,需要另外安裝 Powerline 字體才能夠正常顯示,在終端機上輸入底下安裝 Powerline 字體指令即可

cd ~/Downloads && git clone https://github.com/powerline/fonts.git
cd fonts && ./install.sh
cd && rm -rf ~/Downloads/fonts

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

按下「⌘,」兩個鍵,會開啟終端機偏好設定,切換至「描述檔」分頁,按下字體底下的「更改•••」按鈕。

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

將字體改成最後夾帶有 Powerline 字體,這裡我選擇的是 Droid Sans Mono Slashed for Powerline 字型,大小可根據自己喜好調整。

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

最後回到終端機內,就可以看見文件目錄內的箭頭已經可以正常顯示,不會再出現亂碼情況。

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

自訂macOS終端機配色

上面可以發現到終端機內的藍色箭頭太過於深藍,導致字體完全看不清楚,對於這問題可以直接透過終端機偏好設定內的 Text 、ANSI 顏色進行調整,可依照底下調整顏色。

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

透過以上修正後,就可以在淺色、深色模式下,都不會受到自動修改背景明亮調整,字體就能夠正常顯示。

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

假設不喜歡全黑背景,可以透過偏好設定內的背景改成自己喜愛的顏色即可。

macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

如此一來,在 macOS 下安裝 Oh My Zsh 後,就能夠讓編輯指令看起來更漂亮、更清楚、更能提升工作效率。


macOS 終端機美化教學 10分鐘打造絢麗介面提升工作效率

▼ 如果覺得本篇教學不錯,歡迎加入瘋先生粉絲團追最新教學技巧 ▼