教練!我想要可愛的 iTerm2!

Kion
10 min readJul 31, 2020

--

https://www.iterm2.com/

目次

1. 安裝 iTerm2
2. 下載 color scheme
3. 安裝 powerline font
4. 安裝 zsh
5. 安裝 oh-my-zsh
6. 安裝 zsh theme: powerlevel9k
7. 安裝 zsh-autosuggestions & zsh-syntax-highlighting

使用 iTerm 有一段時間了
當初是因為前輩看我一直用內建的 Terminal 看不下去幫我裝的
除此之外還選了一個可愛的配色和增加基本資訊在 Terminal 上
像是:git 目前所在的分支
這個我覺得超好用
使用內建的可能一閃神,就不小心 commit 在 master 上
又要再 cherry-pick 回來,真的會氣死!

由於換到新的工作環境,終於遇到會配給員工電腦的公司 QQ
實在用不慣內建的,趕緊自己配置
iTerm2 + oh my zsh 配置起來漂亮又容易上手
就算是初學程式的同學也能輕鬆上手,很推薦大家立馬拋棄手上的 Terminal

先來看一下成品圖,是不是變得很可愛?
除了有分支名稱,他還有遠端服務的圖示
像是這個資料夾應該是從 Bitbucket 拉下來的,但我有更改遠端倉庫 push 到 GitHub 上
有這個小圖示,我就可以很明確的知道我的遠端是哪一個 XD

成品如上所示

那我們趕緊來配置吧!

配置與安裝教學

這篇教學文將以使用 Homebrew 為主
若還沒有下載 Homebrew 的,請下這個指令安裝:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

安裝 iTerm2

首先先把 iTerm2 裝起來

brew install iterm2

下載 color scheme

安裝好並丟至 Application 後
我們就要來下載主題顏色了!

主題顏色可以在這個 Repo:iTerm2-Color-Scheme,找一個你喜歡的主題
我使用的是這個:Tomorrow Night Eighties
這個顏色真的超可愛的

選好後,下載整包

git clone git@github.com:mbadolato/iTerm2-Color-Schemes.git

開啟 iTerm2
點擊 Preferences > Profiles > Colors > Color Presets…

點擊下拉式選單,找到 import

接著在剛剛下載的 Repo 中的 Schema 資料夾,選擇你喜歡的主題

https://medium.com/statementdog-engineering/prettify-your-zsh-command-line-prompt-3ca2acc967f

記得!import 只是加入這個主題可以選擇,不代表直接套用

因此,我們還要再點擊一次下拉式選單
選擇我們想要的主題,才是真的套用喔!

安裝 powerline font

接著我們要安裝字體來支援特殊的 icon
否則我們分支和檔案的圖示會變成死圖
這類型的字體統稱為 powerline font,我使用的是 Sauce Code Pro Nerd Font Complete

首先要先執行這行才能用 Homebrew 安裝字體
一樣,已經執行過的就不用再執行囉

brew tap homebrew/cask-fonts

接著安裝 Sauce Code Pro Nerd Font Complete

brew install font-sauce-code-pro-nerd-font

安裝好後我們就可以來設定 iTerm 的字型

開啟 iTerm2
點擊 Preferences > Profiles > Text > Change Font
選擇:SauceCodePro Nerd Font

這樣 iTerm 基本上已經設定完成了

安裝 zsh

接著我們要來安裝 zsh

brew install zsh

記得要將 zsh 設為預設!
基本上會有一個彈出視窗詢問你是否要將 zsh 設為預設
如果沒有跳出彈出視窗的話,可以使用這個方法:

sudo sh -c "echo $(which zsh) >> /etc/shells" 
chsh -s $(which zsh)

安裝 oh-my-zsh

oh my zsh 是 zsh 的 framwork 幫助大家更上手的調整 zsh 設定!

安裝指令:

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

執行完沒有出現錯誤訊息大概就是成功了
不放心的,可以至根目錄檢查看看有沒有 .oh-my-zsh/ 資料夾

安裝 zsh theme: powerlevel9k

現在我們使用的是 oh-my-zsh 預設內建的 theme:robbyrussell
可以發現多了 git 資訊,顏色也比原生好一些

https://medium.com/statementdog-engineering/prettify-your-zsh-command-line-prompt-3ca2acc967f

除了預設以外,oh-my-zsh 還有很多主題在 GitHub 上可以下載
但我使用的不是官方提供的,叫做:powerlevel9k

https://github.com/Powerlevel9k/powerlevel9k#available-prompt-segments

他可以支援顯示多項的基本資訊
除了剛剛看到的 branch 之外,還能顯示: WiFi 訊號強度、筆電電池電力、CPU loading、system free memory ….等等
十分厲害

他的 GitHub 在這,直接 clone 下來放在 oh-my-zsh 的主題資料夾就可以了

git clone https://github.com/bhilburn/powerlevel9k.git ~/.oh-my-zsh/custom/themes/powerlevel9k

接著修改我們的 ~ ./.zshrc
我使用的設定檔如下:

ZSH_THEME="powerlevel9k/powerlevel9k"

# command line 左邊想顯示的內容
# 顯示資料夾、家目錄圖示
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir)
# 版本控制的資訊
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir vcs)
# 當你進入沒有寫入權限的資料夾時,會顯示鎖頭
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir dir_writable vcs)
# 顯示git 資訊的 icon
POWERLEVEL9K_MODE='nerdfont-complete'
# command line 右邊想顯示的內容# 顯示當前時間
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(time)
# 加上 "status" 顯示上一個指令的 return code:
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(status time)

我把許多常用的設定都設定上去了
如果還有需要可以參考 官方的文件

如果遇到 vim errlsor E212: Can’t open file for writing Error

sudo vim zshrc

安裝 zsh-autosuggestions & zsh-syntax-highlighting

前陣子朋友推薦給我我覺得很好用!
在這邊一起分享給大家
autosuggestions 是 oh-my-zsh 的外掛,可以記住你常用的指令跳出建議
按下右鍵就會幫你補足,比 Tab 補足還好用

他設定的方式也十分簡單

下載 autosuggestions

git clone https://github.com/zsh-users/zsh-autosuggestions.git $ZSH_CUSTOM/plugins/zsh-autosuggestionsls

下載 syntax-highlighting

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git $ZSH_CUSTOM/plugins/zsh-syntax-highlighting

接著修改 ./zshrc

vim ~/.zshrc

找到 plugins=(git) 那行,加入 zsh-autosuggestions & zsh-syntax-highlighting

plugins=(git zsh-autosuggestions zsh-syntax-highlighting)

這樣就完成啦!

如果安裝有問題,可以參考下面:

  1. https://github.com/zsh-users/zsh-autosuggestions/blob/master/INSTALL.md
  2. https://github.com/zsh-users/zsh-syntax-highlighting/blob/master/INSTALL.md

網路上許多教學文年久失修,Homebrew 的套件名稱都已經不一樣了
才特地寫這篇記錄一下怎麼配置
希望可以讓大家快速設定好更美觀及人性化,屬於自己的 Terminal!

拍個手讓我知道,這個文章對你們有幫助 ♥(´∀` )人

參考資料

  1. 看膩了一成不變的小黑窗?改用iterm2 + oh-my-zsh吧
  2. 超簡單!十分鐘打造漂亮又好用的 zsh command line 環境

--

--

Kion
Kion

Written by Kion

程式就是利用自動化與排程的特性解決問題 文章分類總覽: https://hackmd.io/@Kion/SyvyEks0L