手邊正好升級裝備,重設開發環境,簡單記錄一下自己 Terminal 應用設定:美化介面、提升指令操作便利性。

# 安裝

在 terminal 內輸入指令:

# 安裝 Homebrew (opens new window)

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

# 安裝 iTerm 2 (opens new window)

brew install --cask iterm2

# 安裝 oh-my-zsh (opens new window)

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

# 安裝字體

brew tap homebrew/cask-fonts
brew install font-hack-nerd-font --cask
brew install font-sourcecodepro-nerd-font --cask

# 安裝 theme powerlevel10k (opens new window)

git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/themes/powerlevel10k

進入 .zshrc 檔套用 p10k 主題

vim ~/.zshrc       # 或 open ~/.zshrc

寫入:

## 主題
ZSH_THEME="powerlevel10k/powerlevel10k"

進入互動模式自定義p10k的樣式

p10k configure

# 開啟 iTerm2 的設定

Image


# 取得其他主題配色 (opens new window)

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

iTerm2:Preferences > Profiles > Colors

匯入主題選自己喜歡的配色

Image

Image

Image


# 指定字型

iTerm2:Preferences > Profiles > Text

Image


# 設定 terminal 預設目錄

iTerm2:Preferences > Profiles > General

Image

可以個別指定新開(Cmd + N) / 分割(Cmd + D) / 分頁時(Cmd + T) 時的預設目錄 :

Image

Image


# .zshrc 內設定

vim ~/.zshrc  # 或 code ~/.zshrc

ps. 更新過檔案後要重啟terminal或直接執行 source ~/.zshrc 生效

# 自定義簡寫指令 alias

.zshrc檔寫入:

alias 簡寫="指令"

eg. alias ni="npm install"

alias ni="npm install"
alias nrd="npm run dev"
alias nrse="npm run serve"
alias nrst="npm run start"
alias zsh="code ~/.zshrc"
alias zshs="source ~/.zshrc"

# 讓命令列固定在 Terminal 底部

.zshrc檔寫入:

## Fix prompt at the bottom of the terminal window
printf '\n%.0s' {1..100}

# 擴充插件

# zsh-syntax-highlighting (opens new window)

讓指令行有語法高亮

brew install zsh-syntax-highlighting

.zshrc檔內新增:

# plugin-syntax-highlighting
source $(brew --prefix)/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh
export ZSH_HIGHLIGHT_HIGHLIGHTERS_DIR=$(brew --prefix)/share/zsh-syntax-highlighting/highlighters

# zsh-autosuggestions (opens new window)

指令自動補全

brew install zsh-autosuggestions

.zshrc檔內新增:

# plugin-autosuggestions
source $(brew --prefix)/share/zsh-autosuggestions/zsh-autosuggestions.zsh

# autojump (opens new window)

會記憶進入過的目錄,輸入j 資料夾名稱,會自動匹配最接近的目錄,不用輸入完整目錄。

brew install autojump

.zshrc檔的 plugins 內新增:

[ -f $(brew --prefix)/etc/profile.d/autojump.sh ] && . $(brew --prefix)/etc/profile.d/autojump.sh

Image


# 新增 code command

  1. 在 VSCode 裡按 Cmd + Shift + P 輸入 code command ,執行 install code command

    Image

  2. 在 terminal 切進專案資料夾,執行code . 就能自動以該資料夾開啟 VSCode

    Image

    code {file} 開啟指定檔案(eg. code ~/.zshrc)


# 其他設定

# git 支援中文字檔名

git config --global core.quotepath false

Image


以上分享目前我的 terminal 設定。歡迎大大們也留言分享你推薦的插件~