注:这篇适用于用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 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
重头戏!!安装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,就留待有机会时再介绍啰