作為除了編輯器,瀏覽器之外,每天接觸第二多的東西 —— 終端。是要來好好折騰一番了。之前,我就下載了 oh-my-zsh。但是使用的一直是它的默認主題 ——robbyrussell。這個主題,其實很不錯了,相比於自帶的 zsh 已經是非常的簡潔美觀。可是身為一個前端 er, 不折騰怎麼能行了🌊。
折騰前的準備#
具體的安裝步驟,就不再贅述了,大家可以去文檔裡查看。
需要做的配置#
iTerm 顏色主題#
這個主題庫包含了 170 + 種主題。可以把文件下載到本地,然後導入到 color presets 中就好了(使用快捷鍵 cmd + i)。
zsh 主題#
我使用的是powerlevel9k, 它可以對終端進行進一步的個性化定制,就像這樣🌰。
當然你還可以這樣。
安裝 powerlevel9k#
- clone 主題的倉庫地址
$ git clone https://github.com/bhilburn/powerlevel9k.git ~/.oh-my-zsh/custom/themes/powerlevel9k
- 在.zsh 中設定主題
ZSH_THEME="powerlevel9k/powerlevel9k"
zsh 相關插件#
這是我推薦的兩個插件,當然,你也可以添加一些其他的插件。具體地址在這裡。
安裝 zsh 插件的兩種方式#
oh-my-zsh 方式#
- clone 插件的倉庫地址
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
- 在~/.zshrc 中找到 plugins, 添加這個插件
plugins = (
git
rails
zsh-autosuggestions
)
.zshrc 方式#
- 同上
- 在.zshrc 中添加一行
source ./zsh-syntax-highlighting/zsh-syntax-highlighting.
其他#
隱藏用戶信息#
打開終端後會發現,總是有一段長長的用戶信息前綴。感覺有些多余,我們如何來隱藏它呢。記得之前使用 robbyrussell 主題時是沒有的,所以很有可能是主題文件的原因。於是打開 powerlevel9k.zsh-theme 文件(注意看上文 clone 的路徑)。
# Note that if $DEFAULT_USER is not set, this prompt segment will always print
所以解決的方法就是在.zshrc 中設定默認用戶名就好了。
vs code 配置#
完成以上步驟之後,一個顏值又高又好用的 terminal 就此誕生了。讓我們打開 vs code,撸起袖子加油幹吧。等下,亂碼又是什麼桂?原來是忘記設定終端字體了,打開 settings.json 文件,把下面這行加上去就好了。
"terminal.integrated.fontFamily": "Meslo LG M(你使用的字體) for Powerline"