【筆記】使用 iTerm2 來個漂亮好用的終端機


Posted by Jianna on 2021-06-26

前言

因為我是有系統潔癖的重設魔人,所以已經照表操課安裝好多次啦~
但還是記不起來到底要怎麼去進行相關設定,只好把參考的文章整理成筆記。
以免我下次重設,又要再重新找資料(嗚嗚好累)。

為什麼要使用 iTerm2 呢?

簡單來說就是,為什麼不使用內建終端機呢?
其實我本來使用的也不是 MacOS,可是被好幾個用蘋果系統的工程師大大燒到了,於是就敗了一台 Macbook Pro。
可以自己改樣式又可以開分頁,感覺好棒窩齁齁~

開始安裝囉~

iTerm2

先到 官網 下載,然後安裝,就完成了。

主題配色

iTerm2 Color Schemes 有各種顏色的主題,可以整個打包也可以單純下載喜歡的。
這邊我是參考大大的文章直接對專案選擇 Download ZIP 打包。

接著啟動iTerm

Settings > Profiles > Colors

在 Color Presets 的地方選擇 import,並選擇剛剛打包的檔案及以下路徑

iTerm2-Color-Schemes-master > schemes > 選擇要的顏色主題

主題部分我一樣用了大大推薦的「Tomorrow Night Eighties」,顏色比較柔和不刺眼哦!
導入之後,選擇的主題名稱就會出現在 Color Presets 的清單中讓我們選擇了!
套用之後就大功告成啦,是不是很好看呢~

oh-my-zsh

zsh 是什麼呢,我還是沒搞懂,不過因為 Mac 系統在 Catalina 版本後就已經內建了,所以不需要再手動安裝。
而我們要裝的是這套「oh-my-zsh」,他可以幫忙處理主題、外掛等設定。

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

主題

oh-my-zsh 內建多個主題,可以參考 這裡
切換主題的方法則是直接修改檔案 ~/.zshrc,把原先檔案內的ZSH_THEME=”robbyrussell” 改成想要的主題名稱即可。
這邊我是直接用 vim 編輯 vim ~/.zshrc,把主題改成 cloud,覺得可愛~

字型

在安裝主題後,偶爾可能會遇到有 icon 顯示不出來的問題,這時候就得安裝字型啦~
必需要支援 powerline font,才能讓我們這些小 icon 正常顯示。而網路上可以選擇的字體很多,大家再去找自己喜歡的吧~

// 大大說可以在 brew 上搜尋 nerd 找到各式字型
brew search nerd

// 用 homebrew 安裝字型,執行過的話可以跳過
brew tap homebrew/cask-fonts

// 安裝指令
brew cask install 字型名稱

之後再透過以下路徑去套用安裝好的字型:

Settings > Profiles > Text > Font

不過我是使用 Monaco 字型,直接 整組打包,再找到 Monaco for Powerline.otf 進行安裝。

套件:Zsh-autosuggestions

這套可以自行顯示輸入過的指定,非常方便,建議安裝。

// 安裝指令
git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

// 啟用套件,這邊一樣使用 vim 來修改
// 改為此內容 plugins=(zsh-autosuggestions)
vim ~/.zshrc

調整提示文字顏色:

// 也是使用 vim 到下列位置修改
vim ~/.oh-my-zsh/custom/plugins/zsh-autosuggestions/zsh-autosuggestions.zsh

找到對應的項目並修改數值:ZSH_AUTOSUGGEST_HIGHLIGHT_STYLE='fg=數字'
數字可以使用 0 ~ 255,或者直接填寫常用的 8 種顏色文字 black, red, green, yellow, blue, magenta, cyan and white。
我設定的是 fg=10,一個充滿少女感的粉嫩的綠~

以下就是我設定的成果啦~

參考來源

超簡單!十分鐘打造漂亮又好用的 zsh command line 環境
如何讓 Terminal 看起來好用又好看|iTerms 2 + Oh-my-zsh 全攻略


#iterm2 #oh-my-zsh







Related Posts

[進階 js 09] Closure & Scope Chain

[進階 js 09] Closure & Scope Chain

clip-path 截切

clip-path 截切

解析:純 CSS 的圈圈叉叉

解析:純 CSS 的圈圈叉叉


Comments