几分钟打造超级好看又好用的zsh command line 环境
Posted sunsky303
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了几分钟打造超级好看又好用的zsh command line 环境相关的知识，希望对你有一定的参考价值。
注：这篇适用于用MAC 开发的developer
身为程式开发者，很大一部分的时间是在用command line 做事，如果能把command line 调整成好用又酷炫的模样，不只是效率提升非常多，用起来爽度也比较高
像下面这样子的command line 是不是比内建的有意思多了？
过去总觉得设定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 的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，优点是对比不会太强比较不刺眼，萤幕盯久了不会不舒服，颜色饱和度也适中，看起来质感比较好。不晓得要选哪一个的人可以试试看
这篇文章后面的command line 截图都是用这个color scheme，如果你发现按照我的安装步骤来做看起来颜色却不太一样，那就是你的iTerm2 color scheme 和我不同
安装powerline font
因为我们要用的theme 会用到很多的特殊icon，所以iTerm2 选用的字型必需要支援这种特殊icon font。这类型的字体统称为powerline font（另外还有加强版支援更多特殊icon 的叫的nerd font）
没有安装的话画面会长这样，遇到icon 会变框框问号
装完并设定新字型后的效果：
支援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（参考下图）
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
这边推荐一个超强的theme，powerlevel9k！
文章开头的图片就是撷取自powerlevel9k的github
powerlevel9k 不只是像上面的示范图显示一些基本的资讯，还可以做到很屌的事情，比如像下图那样，显示WiFi 讯号强度、笔电电池电力、CPU loading、system free memory 等等资讯在command line
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 会变这样：
当你进入了一个没有写入权限的资料夹时还可以给你提醒：
#加上"dir_writable"
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir dir_writable vcs)
如果你的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，并且用红色底色提醒你
还可以显示目前电脑的free memory：
#加上ram，显示目前的free memory
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(status ram time)
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)
显示电量：
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=( battery )
示范了不少，但还有非常非常多东西可以用，请参考这个列表自己玩玩看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‘
最后…
这篇文章介绍了怎么样把自己的command line 替换成zsh，并且使用很厉害的powerlevel9k theme，不过zsh 不只是可以换酷炫的theme 而已，更重要的是还有很多比bash 好用的功能可以大幅提升工作效率，又可以装各种方便的plugin，就留待有机会时再介绍啰
最后的最后…
你可能会好奇为什么叫做powerlevel9k (power level 9000)？
因为…
以上是关于几分钟打造超级好看又好用的zsh command line 环境的主要内容，如果未能解决你的问题，请参考以下文章
分享几个 Sklearn 模块中不为人知又超级好用的 API 函数
用 Vue 写出好看又好用的音乐播放器 - Vue-APlayer
大法将致：将Windows Server 2016打造成个人办公系统,WIN2016打造成超级WIN10,WIN2016优化设置