几分钟打造超级好看又好用的zsh command line环境

source: https://www.pexels.com/photo/office-working-app-computer-97077/

注：这篇适用于用MAC 开发的developer

身为程式开发者，很大一部分的时间是在用command line 做事，如果能把command line 调整成好用又酷炫的模样，不只是效率提升非常多，用起来爽度也比较高

像下面这样子的command line 是不是比内建的有意思多了？

图片来源：https://github.com/bhilburn/powerlevel9k

过去总觉得设定command line 很麻烦，但其实如果不是要客制化很多细节，其实是非常简单的。这篇文章教大家如何用很简单的设定方式，就可以做到很酷炫的程度。没试过的人照着这篇的步骤跑，十多分钟就可以搞定了~

这篇的做法会依循以下两个原则，让不熟自订zsh 的人可以最轻松的入门：

避免搞乱你的开发环境：仅可能使用homebrew 来安装需要的套件
尽可能简化需要理解的概念。除了oh-my-zsh，不引入其他进阶的zsh 套件管理工具以及复杂的自订功能

最后的结果大概会是长这样：

安装、设定方式

总共有以下步骤：

安装iTerm2
修改iTerm2的color scheme
安装powerline font
安装zsh
安装oh-my-zsh
安装zsh theme: powerlevel9k
设定powerlevel9k

步骤看似很多，但是每一步都很简单！

安装iTerm2：

虽然不是必要，内建的Terminal app 也可以，不过iTerm2 还是比较好用，下面的示范也全都是用iTerm2

安装方式：

#如果你从来没有用过brew cask的话需要先跑这行
brew tap caskroom/cask #安装iTerm2 
brew cask instal iterm2

安装好以后，打开iTerm2 检查Report Terminal Type 的设定，设定路径：
Preferences > Profiles > Terminal > Report Terminal Type

设为xterm-256color，等等在terminal才能看得到漂亮的颜色

iTerm2 Report Terminal Type 选单

修改iTerm2 的color scheme

这步骤很重要，预设的很丑，想要自己的command line 看起来赏心悦目就绝对要换掉预设的

设定路径：Preferences > Profiles > Colors > Color Presets...

内建已经几个选则可以用，不过几乎都很难看，iTerm2 Color Schemes有超多可以选，先把整个repo下载到自己的电脑后，然后import到iTerm2：

刚才下载下来的iTerm2-Color-Schemes有很多个资料夹，从schemes资料夹里面选一个喜欢的color scheme

这边要注意的是点选了档案import 以后并不会生效，还要再去color preset 点选你刚import 的scheme 才会生效

我自己是用Tomorrow Night Eighties，优点是对比不会太强比较不刺眼，萤幕盯久了不会不舒服，颜色饱和度也适中，看起来质感比较好。不晓得要选哪一个的人可以试试看

https://github.com/mbadolato/iTerm2-Color-Schemes上的Tomorrow Night Eighties截图

这篇文章后面的command line 截图都是用这个color scheme，如果你发现按照我的安装步骤来做看起来颜色却不太一样，那就是你的iTerm2 color scheme 和我不同

安装powerline font

因为我们要用的theme 会用到很多的特殊icon，所以iTerm2 选用的字型必需要支援这种特殊icon font。这类型的字体统称为powerline font（另外还有加强版支援更多特殊icon 的叫的nerd font）

没有安装的话画面会长这样，遇到icon 会变框框问号

非powerline font

装完并设定新字型后的效果：

powerline font

支援powerline的字型很多，我推荐Sauce Code Pro Nerd Font Complete
安装方式推荐直接用brew安装比较快又好管理

安装指令：

#先执行这行，才能用homebrew安装字型。曾经执行过的人可以跳过这个指令
brew tap caskroom/fonts #安装指令
brew cask install font-sourcecodepro-nerd-font

如果想要装别的，brew 上面也有很多字型可以挑。

关键字是nerd：

brew cask search nerd

这么多字型够挑了吧~

装完后，记得修改iTerm2 字型设定否则不会生效。请改成SauceCodePro Nerd Font 或你自己下载的字型

设定路径：Preferences > Profiles > Text > Change Font（参考下图）

修改iTerm2 字型设定

2018–08–02更新：
若你切换字型后，发生iTerm2无法正常运作，有可能是遇到同一字型有复数版本的问题，请按照以下流程修复：

打开Font Book.app ->选择该字体->选择自动解决版本问题

注：特别感谢童宇凡的提醒以及Huang Chi Yung在这篇回报了这个问题

安装zsh：

zsh 是个取代bash 的强大shell，比bash 好用几百倍。这篇文章介绍的command line 设定一定要跑在zsh。没用过的一定要试一下

一样用homebrew 安装：

brew install zsh

并把zsh 设定为你的预设shell：

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

安装oh-my-zsh

上一步装完zsh后，就可以开始调整我们想要的command line外观设定了，但是原始的zsh因为设定太难搞，所以多年前刚出现的时候没有受到太多关注，直到有人写了一套叫oh-my-zsh的framework来帮助大家使用zsh，zsh才火了起来。现在几乎所有zsh好用的工具都有支援oh-my-zsh，所以当然是要装这东西

安装指令：

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

注：这会直接执行oh-my-zsh的有疑虑的人可以先稍微研究一下oh-my-zsh github上的，觉得放心再执行install.shinstall.sh

执行完以后如果没有出现什么错误讯息就代表成功了，同时会发现多了oh-my-zsh 的资料夹 ~/.oh-my-zsh

重头戏！！安装zsh theme powerlevel9k

刚装完oh-my-zsh以后，预设是使用内建的theme robbyrussell，多了git资讯，颜色也看起来比原生bash好一些：

不过oh-my-zsh内建很多theme，在它的github wiki上有很多截图可以参考

切换内建的theme很简单，直接修改你的~/.zshrc，把原本改成你想要的：ZSH_THEME=”robbyrussell”

#编辑~/.zshrc 
ZSH_THEME=” agnoster ” #试试看把robbyrussell 改成agnoster

任何的zsh 设定修改过后，还要执行以下指令才会生效

exec $SHELL

agnoster 看起来是不是比robbyrussell 漂亮多了？

这边推荐一个超强的theme，powerlevel9k！

文章开头的图片就是撷取自powerlevel9k的github

图片来源：https://github.com/bhilburn/powerlevel9k

powerlevel9k 不只是像上面的示范图显示一些基本的资讯，还可以做到很屌的事情，比如像下图那样，显示WiFi 讯号强度、笔电电池电力、CPU loading、system free memory 等等资讯在command line

图片撷取自powerlevel9k github

powerlevel9k 安装方式：

powerlevel9k不是oh-my-zsh内建的theme ，必须另外下载

指令：

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

2.编辑你的~/.zshrc，把ZSH_THEME设为powerlevel9k，并设定要显示哪些东西在command line上：

ZSH_THEME="powerlevel9k/powerlevel9k" # command line左边想显示的内容
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir) # <= left prompt设了"dir" # command line右边想显示的内容
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(time) # <= right prompt设了"time"

上面的例子我们把左边设了一个dir，右边设了time，代表左边想显示当前资料夹路径，右边显示时间

设定完后command line看起来会像这样(记得执行exec $SHELL，设定才会生效)：

左边显示当前资料夹路径，右边显示时间

如果想要有版本控制的资讯，可以在POWERLEVEL9K_LEFT_PROMPT_ELEMENTS加上vcs(vcs为version control system的缩写)

#编辑~/.zshrc 
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir vcs ) #加上"vcs"

command line 会变这样：

多了git branch 以及git status 资讯

当你进入了一个没有写入权限的资料夹时还可以给你提醒：

#加上"dir_writable" 
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir dir_writable vcs)

/etc 没有写入权限，多出一个锁头提醒你

如果你的command line 是设成vi mode ，相信你一定碰过这个困扰，就是不晓得自己是处在normal mode 还是insert mode。没关系，powerlevel9k 可以帮你解决这个问题：

#加上"vi_mode" 
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir dir_writable vcs vi_mode )

结果如下：

上图告诉我们现在在insert mode

按下ESC后：

告诉你变normal mode 啦~赞吧！

我自己习惯左侧的设定放一些常用基本资讯
右边放一些好用但不是每次下指令都要看的东西

command line 右边的设定放在 POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS

例如显示上一个指令的return code：

#加上"status"显示上一个指令的return code：
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=( status time)

如果指令没出错，linux return code 为0 时会有个绿色小勾勾：

指令正确执行，return code 为 0

如果打了错误指令会出现相对应的return code，并且用红色底色提醒你

指令执行错误，return code 为127

还可以显示目前电脑的free memory：

#加上ram，显示目前的free memory 
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(status ram time)

还有4.61G 的记忆体可用

2017/12/30更新：
上图的最左方有个资料夹icon，且git资讯多显示了几个icon，这用原本的设定是看不到的，需要加上这行：

POWERLEVEL9K_MODE='nerdfont-complete'

powerlevel9k的wiki有解释这个设定的作用，请大家使用时注意一下别忘记加上去

加上CPU load average：

#加上load显示CPU忙碌程度
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(status ram load time)

CPU 忙碌程度2.45，还行

显示电量：

POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=( battery )

还可以用6 小时又11 分

示范了不少，但还有非常非常多东西可以用，请参考这个列表自己玩玩看https://github.com/bhilburn/powerlevel9k#available-prompt-segments

不过有些东西中看不中用，放太多东西也会让command line 反应变慢，试了各种设定一阵子后，只留下了一些我觉得比较有用的，给大家参考：

#左侧
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(context dir dir_writable vcs vi_mode) #右侧
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(status background_jobs history ram load time) #若当前登入的帐号为你的帐号xxx，就不用特别显示出来
DEFAULT_USER="xxx" #使用nerd font时可以显示更多icon。详情请参考powerlevel9k wiki 
POWERLEVEL9K_MODE='nerdfont-complete'

注意：上面的配置必须放置在~/.zshrc中的source $ZSH/oh-my-zsh.sh前

最后…

这篇文章介绍了怎么样把自己的command line 替换成zsh，并且使用很厉害的powerlevel9k theme，不过zsh 不只是可以换酷炫的theme 而已，更重要的是还有很多比bash 好用的功能可以大幅提升工作效率，又可以装各种方便的plugin，就留待有机会时再介绍啰