阅读 494

iTerm2 + oh-my-zsh + powerlevel9k 打造你喜欢的编码终端

前言

在团队中很多时候都能看到小伙伴们使用VScode的终端来管理代码,理由是不用切换来切换去的比较方便,甚至还有些小伙伴直接就在mac自带的终端上敲命令,你不觉得真的有点不好用么?每次看着这些我都特别强迫症的想说:你用iTerm2啊!这么好用你为什么不用呢?你用啊!你快用啊!!但是换个角度想想要是谁对你说:你用的那啥啥啥太low了,你用我这个啥啥啥吧。绝对会直接拒绝,哪怕再好用,再香我也不想用。所以呢我就决定写篇文章简单介绍一下我现在用iTerm2的心得,希望除了吸引团队小伙伴都来用的同时还能帮助需要的人(是不是显得挺高大上 ^_—> )。

动漫「海贼王」中的路飞

image.png

动漫「灵笼」中的白月魁

简介

iTerm2是 Terminal 的替代品,也是 iTerm 的继承者。它适用于 macOS 10.14或更新版本的 mac 电脑。iTerm2将终端带入了现代社会,带来了一些你从来不知道自己一直想要的功能。

上面就是iTerm2的一个官网简介,官网链接,下面也就是官网首页的一个截图。

安装

  1. 安装包安装
  2. 命令行安装

安装包安装

我个人还是推荐安装包安装,直接进入官网链接,下载完直接安装即可

命令行安装

也可以直接使用 Homebrew 进行安装,但需要先安装 brew 并配置 cask 个人觉得比较麻烦,不是特被推荐。

$ brew cask install iterm2
复制代码

安装完事以后的样子其实也很平平无奇,和mac自带的终端感觉毫无差别🙂。

那么如何把iTerm2变成你喜欢的样子呢?那么就该上插件了。

配置 iTerm

oh-my-zsh

首先安装oh-my-zsh(这里默认大家都安装了git)

// curl 方式
sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

// wget 方式
sh -c "$(wget https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh -O -)"

#ps: 有的时候网络不好安装会失败,多试几遍就OK。
复制代码

安装 oh-my-zsh 以后

感觉还是比较单调,想让iTerm2更美观我们可以更换一些主题来配置我们喜欢的颜色和样式

打开“iTerm2 --> Preferences --> Profiles --> Colors --> Color Preferences ”

这里iTerm2自带了几个主题,但整体都感觉不太好,网上有很多好看的主题,我们可以一个个配置看一下,

配置 iTerm2 主题

下面是一些iTerm2自带的主题,有的我觉得还是挺可爱的,可以进入下面网址看一下。选择一个你喜欢的 然后开始配置。

// 主题网址
https://github.com/ohmyzsh/ohmyzsh/wiki/themes
复制代码

这些主题其实也可以用命令行列出来看一下,只是不像网页这么直观。

// 直接在终端输入
cd ~/.oh-my-zsh/themes && ls
复制代码

咱们就随便选一个修改一下看看效果吧,比如: apple.zsh-theme(苹果)、cloud.zsh-theme(云朵)、

只需要在 iTerm2 中输入以下命令

vim ~/.zshrc
复制代码

然后按 “i” 键进入编辑模式,把默认的主题:“robbyrussell” 改为咱们想更换的 “apple”这个小苹果主题就OK了

最后按“Esc”键推出编辑模式,输入“:wq”退出并保存就完成了。最后记得要 source 一下

source ~/.zshrc
复制代码

更换的主题就可以显示出来了

到此主题就配置完成了。

iTerm2 的默认主题库

刚才说的这些主题库都是 iTerm2 自己默认的,总体感觉....咋说呢,感觉一般般吧,总觉得和自己理想的差了一些。查了写资料发现了 iTerm2 还支持自己导入 Color Preset 库

然后我又发现网上既然有好多大佬们自己写的库,于是我尝试了一下,结果......卧槽~真香。

下面是一个我挺喜欢的一些主题,分享给大家,如果审美差别比较大可以自行查找。

https://github.com/mbadolato/iTerm2-Color-Schemes
复制代码

打开链接选择你喜欢的方式吧项目下载到本地

下载完以后,打开文件夹找到项目中的 screenshots 和 schemes 这两个文件夹

打开 screenshots 文件夹 我们可以看到很多配色,

然后 screenshots 文件夹里面这些配色对应的的主题都在 schemes 文件夹中,我们开始导入这些主题

点击 “Import” 打开导入窗口,找到 schemes 文件夹, “Ctrl + A” 全选,然后 “Open”全部导入

导入完成以后我们就会发现我们的主题多了很多,咱们只需要选择一个自己喜欢的就行,比如我喜欢的是“ayu”

到这里主题配置也就OK了,但如果你还不满意,那就再说一下我自己现在在用的一个主题,也是现在网上比较火的

比较🔥的 powerlevel9k

// powerlevel9k GitHub地址
https://github.com/Powerlevel9k/powerlevel9k
复制代码

配置步骤如下:

1、首先 在 iTerm2中 进入 “~/.oh-my-zsh/custom/themes” 文件

cd ~/.oh-my-zsh/custom/themes
复制代码

2、然后 把项目克隆到 “~/.oh-my-zsh/custom/themes” 文件中以后查看一下

找到主题文件 “powerlevel9k.zsh-theme” 然后开始配置

vim ~/.zshrc
复制代码

保存以后记得也要 source 一下

source ~/.zshrc
复制代码

看是不是突然觉得高大上了?哈哈😄😄😄😄

到这里是不是觉得就完美了呢?答案肯定是否定的。老话说得好,没有最好只有更好。怀着这样的心情我又继续探索了一下,还别说,真的又有好玩的东西了。

在 powerlevel9k 文档中我又找到一些配置,咱们继续看。

https://github.com/Powerlevel9k/powerlevel9k#prompt-customization
复制代码

这个配置说明主要就是对 iTerm2 面板左边和右边的一个配置

# 左边配置
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(os-icon dir_writable context dir vcs vi_mode)
# 右边配置
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(status time ip)
复制代码

我们把默认文件改动一下,配置到 “~/.zshrc” 文件中看一下效果吧

配置完以后 还是需要 source 一下

source ~/.zshrc
复制代码

看一下 前后的对比效果

是不是觉得慢慢有了自己喜欢的样子?那么喜欢什么就按文档自己去配置看一下吧,辛勤动手之后收获的美好往往才能给自己极大的满足感。自己动手试试吧。

这里给小伙伴们分享一个我自己的配置,希望大家喜欢。

# 左边配置
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(dir_writable host dir vcs)
# 右边配置
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(status date os_icon battery)
复制代码

最后,iTerm2 怎么可能没有小姐姐或者喜欢的卡通人陪伴呢?背景图搞起

设置背景图

打开“iTerm2 --> Preferences --> Profiles --> Window ” 勾选☑️ Enabled 选择一张自己喜欢的背景图

选择完了了 看效果

多屏显示 (多屏快捷键: Ctrl + Shift + D 或者 Ctrl + D)

文章涉及配置图片链接

图片资源获取链接

文章分类
前端
文章标签