圖文詳解之ZSH美化你的終端CLI

 

在這個博客中，我將介紹安裝ITerm2，ZSH shell，「個人ZSH」，主題，ITerm2配色方案，「個人ZSH」插件，並啓用「連線」支持，以幫助建立一個美麗而強大的終端。

若是你想讓你的常規Bash終端功能強大，請看看我以前的博客：「  Jazz Up Your Bash Terminal  」。但ZSH在這個博客中解釋的是更強大的東西。

摘要：

咱們將涉及不少事情。這可能使人困惑，因此這裏是咱們將要作的總結。

1. 安裝ITerm2 - 這是默認終端的更好替代方案
2. 安裝最新的ZSH shell - 這比常規的bash shell更強大。咱們將切換ITerm2以使用ZSH shell。
3. 安裝「Oh My ZSH」 - 這是一個CLI工具，能夠輕鬆配置ZSH並向ZSH添加主題和插件
4. 使用「Oh My ZSH」添加兩種類型的主題 - 一些主題須要額外的步驟，所以咱們將涵蓋二者
5. 安裝不一樣的ITerm2方案 - 這些只是UI的顏色方案
6. 使用「Oh My ZSH」添加兩個不一樣的插件，以提升工做效率
7. 啓用「連字」支持，這樣當你寫一個箭頭=>時，它就像一個真正的箭頭→

 

步驟1-安裝ITerm2

許多程序員喜歡ITerm2而不是默認終端。它相似於終端，但它有不少本身的功能。它固然能夠在其中運行ZSH，Bash和其餘shell。

如下視頻顯示了第2項（v3）的一些新功能。

 

 

對於這個博客，咱們將使用ITerm2。當我提到「終端」時，我指的是ITerm2。雖然終端或ITerm2的步驟相同。

步驟2-將Shell更改成ZSH

如下視頻顯示了爲何ZSH優於bash shell。

 

選項1 - 使用Mac本身的ZSH：

Mac帶有ZSH開箱即用，因此咱們不須要安裝它。可是，有時它是ZSH的舊版本。一般它位於/ bin / zsh。要使用它，咱們須要作的就是更改shell（chsh）。

1. 打開終端（或ITerm2）並鍵入如下命令。

$ chsh -s $(which zsh)

2.輸入密碼，它將在註銷和登陸時更改shell。

3. 註銷並從新登陸

4.要測試，請打開終端並鍵入如下內容，它應該說zsh。

$ echo $0 
zsh //應該返回zsh

選項2-安裝Homebrew並經過Homebrew安裝最新的ZSH

這個選項在用戶中很常見，由於有些插件只能使用最新的ZSH。

簡單地說，Homebrew是各類軟件的命令行安裝程序。咱們先安裝一下。

1. 經過運行如下命令安裝Homebrew。

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2.若是您得到Xcode命令行工具錯誤，則表示您還沒有安裝Xcode的CLI工具。若是您沒有收到錯誤，能夠跳過此步驟，由於您已經安裝了它。

XCode Developer CLI工具由操縱核心OSX功能的各類應用程序使用。所以，請確保經過運行如下命令來安裝Xcode CLI工具。

$ xcode-select —-install

注意：上面的命令打開Mac的安裝程序並安裝XCode Developer CLI工具。若是它不起做用，請嘗試 xcode-select -r 重置。

3.經過Homebrew安裝ZSH

運行如下命令以安裝ZSH。它安裝在/usr/local/bin/zsh PS：Mac的默認ZSH是/bin/zsh

brew install zsh

4.使用自制軟件版本的ZSH

運行如下命令。系統將提示您輸入Mac的密碼。

chsh -s /usr/local/bin/zsh

5.註銷並從新登陸。

6.測試咱們是否使用ZSH和正確的ZSH

$ echo $0
zsh   //correct

$ which zsh
/usr/local/bin/zsh   //correct

第3步「哦，個人ZSH」

 

「哦，個人ZSH」是一個在ZSH上運行的插件。它爲ZSH（〜/ .zhrc文件）提供默認配置，還提供主題和更多功能。

據我所知，大多數使用ZSH的高級用戶也使用「Oh My ZSH」。

1. 安裝「哦個人ZSH」

運行如下命令安裝「oh My ZSH」。

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

 

哦，個人ZSH已經安裝好了

2.關閉並退出ITerm2並從新打開它。

它看起來應該以下所示。請注意，提示已更改，主題有點不一樣 - 這是「哦個人ZSH」爲您操做。

 

初步哦個人ZSH主題

第4步 - 更改主題並安裝字體

在這一步中，咱們將添加兩個不一樣的「Oh My ZSH」主題。「哦，個人ZSH」帶來了大量的主題。PS：但有些主題須要額外的步驟，如安裝特定的字體等。

要設置主題，只需打開〜/ .zshrc文件（由「Oh My ZSH」建立）並更改主題，以下所示。

PS：.zshrc是ZSH shell的配置文件。不使用「Oh My ZSH」的人必須手動建立此文件並自行添加任何配置。「哦，個人ZSH」會自動建立此文件（若是該文件不存在），而後將其本身的一組配置添加到此文件中。

主題1 - 讓咱們添加一個名爲「 Avit」的主題

1. 打開.zshrc

$ open ~/.zshrc

2.將主題更改成「Avit」

您能夠在這裏瀏覽全部「Oh My ZSH」主題。要更改主題，只需將〜/ .zshrc文件中的ZSH_THEME值從robbyrussell更改爲Avit。

 

3.更新ZSH配置

運行如下命令以更新配置。

$ source ~/.zhrc

 

您在Avit Theme中的命令提示符

4.更改背景顏色和字體大小

打開ITerm2>首選項>配置文件>顏色並將背景黑色更改成使用20％灰色，以下所示。

 

使用20％灰色背景

而後打開文本>更改字體並將大小更改成14pt。

 

將字體更改成14pt

 

一個乾淨漂亮的Iterm2與ZSH！

好的，讓咱們安裝一個須要字體的不一樣主題。

主題2 - 安裝「agnoster」哦個人ZSH主題

這是一個受歡迎的主題，由於它模擬了加強終端的Powerline Python應用程序。下圖顯示了它的外觀。可是這個主題還須要咱們安裝Powerline主題。

 

agnoster哦個人ZSH主題

1.安裝Powerline fonts

$ git clone https://github.com/powerline/fonts.git
$ cd fonts
$ ./install.sh

2.將主題更改成「agnoster」

$ open ~/.zshrc
Set ZSH_THEME="agnoster" and save the file

3.退出ITerm2並從新打開它。

4.設置電源線字體

您能夠設置任何您喜歡的Powerline修補字體。全部字體都以「for Powerline」結尾。

打開ITerm2 > Preferences > Profiles > Text > Change Font並將其設置爲具備「for Powerline」的內容。我選擇「Meslo LG DZ for Powerline」字體。

 

Meslo LG DZ for Powerline Iterm2字體

注意 - 若是您對字體和主題感到困惑：主題是「Oh My ZSH」和ZSH shell，字體是Iterm2自己。

所有完成

此時您的終端應以下所示：

 

第5步 - 安裝iTerm2「配色方案」（ITerm2主題）

iTerm2有不少華麗的配色方案。這些方案會更改前景色，背景色，光標顏色等。你能夠在iTerm2-color-schemes Github repo 找到它們。

注意：這些只是ITerm2 UI的顏色方案，並不處理命令提示符的外觀和感受，如「Oh My ZSH」的主題（除了更改顏色）。

請按照如下步驟安裝它們。

1. 下載iTerm2-color-schemes做爲zip文件並解壓縮
2. 「Schemes」文件夾包含全部顏色方案文件 - 它們以 .itermcolors
3. 打開 iTerm2 > Preferences > Profile > Colors > Color Presets > Import
4. 在導入窗口中，導航到「Schemes」文件夾（從步驟2開始）
5. 選擇全部文件，以便一次導入全部顏色方案
6. 只需選擇您喜歡的顏色方案便可。

我最喜歡的是 蝙蝠俠和Argonaut

 

蝙蝠俠Iterm2主題

Argonaut顏色方案以下所示：

 

Argonaut配色方案

步驟6-安裝插件

插件爲您的工做流程添加了更多功能。默認狀況下「哦個人ZSH」已經有了「git」插件！這就是爲何你可以在早期截圖中的提示中看到全部這些Git狀態的緣由。讓咱們再添一個來看看它是如何工做的。

注意：在本節中，咱們將安裝兩個不一樣的插件來展現它們的工做方式。

插件1 - 添加語法突出顯示插件

Syntax Highlighting插件爲您鍵入的命令添加了漂亮的顏色，以下所示。

 

1. 克隆zsh-syntax-highlighting插件的repo並將其複製到「Oh My ZSH」插件目錄。

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

2. ~/.zshrc經過zsh-syntax-highlighting在插件部分添加` 來激活插件，以下所示。

 

在插件部分的新行中添加一個新插件

3.從新讀取zshrc配置

source ~/.zshrc

插件2 - 添加ZSH-AutoSuggestion插件

此插件自動建議任何之前的命令。很是方便！要選擇完成，只需按→鍵。

 

1. 安裝插件

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

PS: ZSH_CUSTOM points to ~/.oh-my-zsh/custom

2.打開~/.zshrc並添加zsh-autosuggestions

 

第7步 - 使用Ligature支持

有各類各樣的字體能夠幫助使操做員小於，等於，右箭頭，不等於等等，看起來很漂亮。例如，每次鍵入：=>時，它變爲：→。

 

要使用它，咱們須要支持連字的字體。咱們還須要在ITerm2中啓用它。FiraCode就是這樣一種字體。按照步驟安裝和啓用連字。

1. 下載FiraCode倉庫並解壓縮zip文件（或克隆它）
2. 打開dstr > ttf文件夾並雙擊全部*.ttf文件，而後選擇「安裝字體」按鈕以安裝每一個字體變體。
3. 導航 ITerm2 | Preferences | Profiles | Text
4. 選擇Use Ligatures複選框
5. 單擊Change Font並選擇Fira Code Regular字體

 

摘要

咱們已經在這個博客中介紹了不少，從安裝最新的ZSH開始，經過Homebrew，Oh My ZSH，插件，主題，爲FiraCode字體啓用「連線」。

🙏🏼謝謝！