打造 Mac 下高颜值好用的终端环境

2018-11-06 biezhi 更多博文 » 博客 » GitHub »

命令行 Mac

原文链接 https://biezhi.github.io/2018/11/build-a-beautiful-mac-terminal-environment.html
注：以下为加速网络访问所做的原文缓存，经过重新格式化，可能存在格式方面的问题，或偶有遗漏信息，请以原文为准。

如果你觉得当前的终端操作不符合你的气质，可以看看我今天来介绍的 Mac 终端利器，不过不会介绍太多细节操作。

biezhi iterm

<!-- more -->

它们是谁？

  • iTerm2：号称 Mac 下最好的终端工具（嗯，我也这么认为，毕竟我不会别的了）
  • zsh：一款强大的终端工具，能帮助你更高效地编写和执行命令。

安装 iTerm2

下面的安装我几乎都用 brew{:target="_blank"} 方式了，如果你还不懂什么是 brew 可以看看 这个{:target="_blank"}。

所以下面我假设你已经安装了 Homebrew。

如果你从来没有运行过 brew cask 命令，可以先执行：

brew tap caskroom/cask

多执行也不会怀孕的，放心！

然后开始安装 iTerm2

brew cask install iterm2

安装成功后在 Launchpad 中可以看到有一个新图标出现，打开 iTerm2。

代码配色

默认的界面还是略显丑陋的，我们来设置一下代码配色吧。

先检查下终端颜色配置为 xterm-256color，位置在 iTerm2 -> Preferences -> Profiles -> Terminal。

iTerm2 终端颜色值

然后就可以设置配色了，默认情况下 iTerm2 只有 7 种自带的配色，当然满足不了我们高颜值的需求了。有人就开源了一款叫 iTerm2-Color-Schemes{:target="_blank"} 的配色合集，里面有各种经典、常用的配色方案，来使用 Git 下载到本地。

mkdir ~/.iterm2 && cd ~/.iterm2

git clone https://github.com/mbadolato/iTerm2-Color-Schemes

这里我创建了一个 ~/.iterm2 的目录，放在别的目录都可以，它的目录结构是这样的：

 ~/.iterm2/iTerm2-Color-Schemes $ ls -la
total 72
-rw-r--r--    1 biezhi  staff  34131 Nov  6 11:34 README.md
drwxr-xr-x  198 biezhi  staff   6336 Nov  6 11:34 Xresources
drwxr-xr-x    3 biezhi  staff     96 Nov  6 11:34 backgrounds
drwxr-xr-x  198 biezhi  staff   6336 Nov  6 11:34 konsole
drwxr-xr-x  198 biezhi  staff   6336 Nov  6 11:34 putty
drwxr-xr-x  198 biezhi  staff   6336 Nov  6 11:34 remmina
drwxr-xr-x  198 biezhi  staff   6336 Nov  6 11:34 schemes
drwxr-xr-x  200 biezhi  staff   6400 Nov  6 11:34 screenshots
drwxr-xr-x  180 biezhi  staff   5760 Nov  6 11:34 terminal
drwxr-xr-x  198 biezhi  staff   6336 Nov  6 11:34 terminator
drwxr-xr-x  199 biezhi  staff   6368 Nov  6 11:34 termite
drwxr-xr-x  162 biezhi  staff   5184 Nov  6 11:34 tilda
drwxr-xr-x   19 biezhi  staff    608 Nov  6 11:34 tools
drwxr-xr-x    3 biezhi  staff     96 Nov  6 11:34 xfce4terminal
drwxr-xr-x  198 biezhi  staff   6336 Nov  6 11:34 xrdb

下面需要导入配色方案。

导入配色方案

导入配色方案

选择 schemes 文件夹内的所有配色方案。

导入成功后就可以选择一些流行的配色方案了。

选择配色方案

选择配色后再去你的 iTerm 里面看会发现，已经好看了那么一点。

安装字体

为什么要安装字体呢？我们电脑的字体其实是可以用的，但是想要图标的这种字体就没法儿了：

而这些图标字体其实是非 ASCII 码字体，在 iTerm2 中可以进行配置，所以先要安装这个字体。这款字体叫 nerd-fonts{:target="_blank"}，它支持下面这么多种图标。

nerd-fonts

使用 brew 安装

brew tap caskroom/fonts
brew cask install font-hack-nerd-font

注意：安装的时候会去 Github 下载字体，如果你下载失败可能是被墙了。

那么可以通过 https_proxy=127.0.0.1:1087 brew cask reinstall font-hack-nerd-font 的方式安装，前提是你开启了代理。

安装成功后需要在 iTerm2 中配置一下，在 iTerm2 -> Preferences -> Profiles -> Text -> Font -> Change Font 栏位中，Text 下面勾选 Use a different font for non-ASCII text，然后在 Non-ASCII font 点击 Change font 修改：

设置字体

选择字体

这里选择的字体是非 ASCII 码字符的字体，不要设置错了！选择好之后关闭即可。

安装 zsh

brew install zsh

安装 zsh

默认的 shell 是 bash，需要修改为 zsh：

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

修改时会提示你输入密码。

现在 zsh 安装完成了，安装虽简单，可配置麻烦啊，这你能忍吗？？当然不能！

于是，oh-my-zsh{:target="_blank"} 出现了，有了它 zsh 配置起来就方便多了，来安装一下它。

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

安装 oh-my-zsh

安装好之后可以看到界面发生了一点点变化，同时会产生一个名为 .zshrc 的配置文件，在用户家目录下面，我们以后主要就是修改它了。

配置主题

上面看到界面发生变化是因为 oh-my-zsh 默认帮我们配置了一个终端主题，你可以打开 ~/.zshrc 文件看看：

ZSH_THEME="robbyrussell"

这些主题文件存储在 ~/.oh-my-zsh/themes 目录下，你也可以使用其他的。

为了实现前面想要的酷炫的终端主题，有人写了一个名为 powerlevel9k{:target="_blank"} 的高颜值主题。

nerd-fonts

看到这么骚的操作，赶紧来安装吧！先将主题下载到本地的主题目录中：

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

然后修改 zsh 主题配置：

ZSH_THEME="powerlevel9k/powerlevel9k"

修改配置文件后一定要记得让配置生效，使用 source 命令：

source ~/.zshrc

现在来看看终端变成什么样子了！

powerlevel9k

我这里 iTerm2 的代码配色选择的是：Dracula

如果你喜欢这个风格的话可以不用进行其他主题设置了，为了让它看起来简洁一点，我在 .zshrc 配置中又添加了几行：

POWERLEVEL9K_MODE="nerdfont-complete"
# Customise the Powerlevel9k prompts
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(ssh dir vcs newline status)
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=()
POWERLEVEL9K_PROMPT_ADD_NEWLINE=true
  • POWERLEVEL9K_MODE：设置 powerlevel9k 的字体是我们前面下载的
  • POWERLEVEL9K_LEFT_PROMPT_ELEMENTS：将前面居右的几个元素放在左边了
  • POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS：右边不放置任何元素（如果你喜欢在右边也可以加）
  • POWERLEVEL9K_PROMPT_ADD_NEWLINE：在每个提示之前添加换行符

现在它变成这样了

simple powerlevel9k

更详细的配置可以参考 Prompt Customization{:target="_blank"} 和 Stylizing Your Prompt{:target="_blank"}。

别名设置

装好 zsh 之后顺手就添加一下我自己常用的别名：

alias cls='clear'
alias ll='ls -l'
alias la='ls -a'
alias vi='vim'
alias ssr="http_proxy=http://127.0.0.1:1087 https_proxy=http://127.0.0.1:1087"
alias grep='grep --color=auto'

这样我们只需要输入较短的命令就可以干大事情了！当然这里你可以设置更多自己熟悉的一些操作，比如和编程语言相关的等等。

zsh 插件推荐

zsh 那些酷插件可多了去了，我只推荐几个我认为比较实用的。

extract

这个插件是用于解压的，解压各种包命令多可能会手误，用它只需要输入 x biezhi.zip 即可。

在 .zshrc 的 plugins 中添加 extract 配置即可，它支持解压 这些{:target="_blank"} 文件。

autojump

这个插件主要帮助我们记住目录，一键直达。只要你脑海里有目录的几个字母，然后使用 j [你知道的] 按下 tab 即可，不用 cd cd cd 慢慢找。举个栗子：

我使用 cd 进入了 blog 这个目录，还进入了 gitmoji 目录。

cd workspace/projects/github/blog

如果用 autojump 的话，现在想进入 blog 目录只需要 j blog 即可，一般我们都会按下 tab 确定目录位置，当遇到多个类似的目录名的时候它会提示你输入数字进入。

安装

brew install autojump

安装后添加到 autojump 到 zsh 的 插件配置（plugins）里，再追加一句命令：

[[ -s $(brew --prefix)/etc/profile.d/autojump.sh ]] && . $(brew --prefix)/etc/profile.d/autojump.sh

让配置文件生效即可。

zsh-syntax-highlighting

zsh-syntax-highlighting 用于高亮你的 zsh 可用命令，比如输入 sleep、cat 这些命令的时候就会高亮（功能上确实没啥乱用）。

brew install zsh-syntax-highlighting

安装好就行了，不用在 plugins 中追加。

zsh-autosuggestions

这是一个神奇的终端自动提示插件，当你输入 ps 的时候它可能会出现 ps -ef | grep helloworld。是因为它会记住你曾经输入过的命令，当你再次输入前几个命令的时候帮你自动匹配，让你工作更高效。下面是一个演示：

你可以直接使用 brew 安装

brew install zsh-autosuggestions

colors

colors{:target="_blank"} 是一个 Ruby 实现的脚本，它可以配合 powerlevel9k 显示电脑上的文件图标（应该是通过后缀判断的），使用的效果如下：

colors

安装后就可以使用了

gem install colorls

其他技巧

  • 连续按两次 tab 会补全列表，补全项可以使用 ctrl+n/p/f/b 上下左右切换
  • 输入目录名即可进入，不用 cd 了，输入 .. 即可到上级目录，返回上次目录输入 -
  • 输入 d 即可看到目录列表
  • 智能的命令纠错功能（需开启 ENABLE_CORRECTION 配置）

注意点

这样配置后打开 VSCode 就变成这幅样子：

如何修复呢？只需要在 vscode 的配置文件中加入下面的配置：

"terminal.integrated.fontFamily": "Hack Nerd Font",
"terminal.integrated.fontSize": 14,

这样就会变成下面这个样子了。