Yiner

Apr 15, 2022

iTerm2+oh my zsh安装

💡
第1、2步骤必选,后面都是可选的,完成第2步可以直接跳到第7步,安装Powerlevel10k!

现成配置文件


这篇 iTerm2 + Oh My Zsh 教程手把手让你成为这条街最靓的仔
作为一名程序员,开发环境不舒服会很大程度影响开发效率,所以一定要花时间 好好整一下开发环境 (好了,我知道你是在给摸鱼找借口)。 最近短短几个月,换了两次新电脑,经历了两次装机(由于各种原因,没法备份恢复,你懂的),每一次都得重新搞一套属于自己的开发环境。 这里就记录一下我是如何一步一步的打造属于自己的 Terminal,你如果想和我一样,直接 cv 大法 就可以搞一套一样的。 我们每天都需要在其中输入很多命令去做一些事情。可以说,每天有大量的时间都需要面对它。 我记得我第一次点下鼠标,打开这个终端的时候,看到了这样一个界面: 我傻了。怎么这么丑? macOS 上怎么允许有这么丑的应用? 不行,如果让我每天对着它,一定会把电脑砸了(虽然它是高贵的 16寸 MacBook Pro),我得找一个第三方 Terminal 来替代它。 很快,我就找到了新欢,它的名字叫 iTerm2,它是一款完全免费,为 macOS 打造的一款终端工具,可以说是程序员必备了,如果还没用过的,赶紧跟着这篇文章用起来吧。 符合国外网站一向的极简风格(又不是不能用,搞那么花里胡哨干嘛)。 直接下载,解压,拖入 Application 里就 ok 了。打开看看。 怎么感觉不太对,虽然你的背景变黑了,但依然掩盖不了你的丑啊。 没事儿,先天不足,后天努力嘛。 告别黑底白字,整出最骚终端,开始吧。 主角是它,拥有了它,你一定是你们组最靓的仔。 Oh My Zsh is an open source, community-driven framework for managing your zsh configuration.

1. 下载iTerm2

 

2. 安装Oh my zsh

 

方法一

github
# 下载 oh-my-zsh 源码 git clone https://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh # 并且把 .zshrc 配置文件拷贝到根目录下 cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc # 让 .zshrc 配置文件生效 source ~/.zshrc
 

方法二

curl(链接不稳定,经常443)
# via curl sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
 

3. 配置.zshrc

这个文件非常关键,是 oh-my-zsh 的配置文件,它的位置在根目录下,可以通过 vim ~/.zshrc 查看。
 
每一次修改它之后,如果想要立即生效需要手动执行 source ~/.zshrc
 

修改配色方案

一打开 .zshrc,就可以看到关于配色方案的配置:
ZSH_THEME="agnoster"
oh-my-zsh 提供了很多内置的配色方案,可以通过命令来查看:
ls ~/.oh-my-zsh/themes
也可以打开 👉https://github.com/ohmyzsh/ohmyzsh/wiki/Themes 更为直观的查看所有的配色方案。
只要修改 ZSH_THEME 的值就可以设置对应的配色方案了。
如果你想每天都过得不一样,可以设置成 random,每次打开 iTerm2 的都会随机使用一种配色方案。
 
各种配色
 
推荐配色:

4. 安装字体PowerFonts

💡
终极版:安装Powerlevel10k会直接安装字体,此步骤可跳过。
为什么要安装字体呢?有些主题是会设置图标的,我们电脑上的字体一般都不支持这些图标,会出现乱码。
notion image
打开 👉Fonts 下载 zip 包到本地解压,就会得到很多字体。
# 将下载好的 fonts 移动到之前建的目录 mv ~/Downlaods/fonts-master ~/Code/other/iterm2/fonts cd ~/Code/other/iterm2/fonts # 执行安装文件 ./install.sh
这样就安装好了,然后通过以下操作路径设置字体:
菜单栏 -> Profiles -> Open Profiles -> Edit Profiles -> 选择 Text
notion image
可以选择 Meslo 这个字体,乱码的图标就正常了。
 
 

5. 毛玻璃效果/窗口大小

毛玻璃效果设置:
操作路径:菜单栏 -> Profiles -> Open Profiles -> Edit Profiles -> 选择 Window
notion image
 

6. 设置状态栏

可以为每个打开的终端都设置一个状态栏,显示一些系统信息(比如 CPU、RAM、当前目录等)。
操作路径:菜单栏 -> Profiles -> Open Profiles -> Edit Profiles -> 选择 Session
notion image
 

7. 安装神器Powerlevel10k

安装P10k

我们用的是 Oh My Zsh,所以这样安装 p10k 即可:
git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/themes/powerlevel10k
然后需要打开 ~/.zshrc 设置 ZSH_THEME:
ZSH_THEME="powerlevel10k/powerlevel10k"
 

安装字体 Nerd Fonts

💡
终极版:安装Powerlevel10k会直接安装字体,此步骤可跳过。
上文我们已经安装了 PowerFonts,如果需要使用一些图标,这个字体是不够用的,我们需要一个强大的字体:👉Nerd Fonts,它支持很多种图标。
 
不建议用brew安装,也不建议你下载 zip 包,因为这个文件太大了。
我们可以打开 👉https://github.com/ryanoasis/nerd-fonts/releases,滑动页面找到 Assets 区域,如图:
notion image
我们只要下载箭头所指的 Hack.zip 这个字体包,解压缩之后就会获得一些 ttf 字体文件,双击安装即可。
 

zshrc 设置字体

POWERLEVEL9K_MODE="nerdfont-complete" ZSH_THEME="powerlevel10k/powerlevel10k"
注意,需要设置在 ZSH_THEME 之前。

iTerm2 设置字体

操作路径:菜单栏 -> Profiles -> Open Profiles -> Edit Profiles -> 选择 Text
这样,所有的图标就都可以正常显示了。
notion image
注意:Non-ASCII Font也要配置!!
 

自动配置

如果你指定了 ZSH_THEME="powerlevel10k/powerlevel10k" 但是在 zshrc 里没进行任何手动的配置,打开 iTerm2的时候就会触发自动配置的流程。
也可以通过以下命令再次进入自动配置的流程:
p10k configure
 

自定义配置

💡
在 ~/.p10k.zsh 基础上进行修改,然后source ~.zshrc
这个得要自己看文档摸索啦,这里我简单说几个配置:
  • POWERLEVEL9K_LEFT_PROMPT_ELEMENTS
  • POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS
  • POWERLEVEL9K_VCS_GIT_GITHUB_ICON
 
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS
显示在命令行左边区域的元素:
notion image
和上图相对应的配置为:
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(user dir vcs newline)
默认设置后,在~/.p10k.zshPOWERLEVEL9K_LEFT_PROMPT_ELEMENTS中添加user即可。
 
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS
显示在命令行右边区域的元素:
notion image
和上图相对应的配置为:
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(time)
可以在 POWERLEVEL9K_LEFT_PROMPT_ELEMENTS 和 POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS 里用的字段有:
如果还想了解更多,自行前往👉文档查看。
 

8. VS Code 配置

如果你用的是 VS Code,需要再配置一下字体:
{ "terminal.integrated.fontFamily": "Hack Nerd Font" }
 
 

9. 设置各种插件

 
 
# Which plugins would you like to load? # Standard plugins can be found in ~/.oh-my-zsh/plugins/* # Custom plugins may be added to ~/.oh-my-zsh/custom/plugins/ # Example format: plugins=(rails git textmate ruby lighthouse) # Add wisely, as too many plugins slow down shell startup. plugins=( git z extract zsh-autosuggestions zsh-syntax-highlighting last-working-dir)
 

zsh-autosuggestions

 
 
  1. 克隆项目
    1. git clone https://github.com/zsh-users/zsh-autosuggestions.git $ZSH_CUSTOM/plugins/zsh-autosuggestions
  1. 在 ~/.zshrc 中配置
    1. plugins=(其他的插件 zsh-autosuggestions)
  1. 使配置生效
    1. source ~/.zshrc
  1. 如果感觉 → 补全不方便,还可以自定义补全的快捷键,比如我设置的逗号补全
    1. bindkey ',' autosuggest-accept
      在 .zshrc 文件添加这句话即可。
 
 

zsh-syntax-highlighting

 
 
  1. 克隆项目
    1. git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
  1. 在 ~/.zshrc 中配置
    1. plugins=(其他的插件 zsh-syntax-highlighting)
  1. 使配置生效
    1. source ~/.zshrc
 
 

bat 

 
cat 某个文件,可以在终端直接输出文件内容,bat 相比 cat 增加了行号和颜色高亮 👍
 
notion image
 
brew install bat
 

colors

这是一个文件目录美化插件,如图所示:
notion image
sudo gem install colorls
然后执行 colorls 就好了,你也可以设置 alias 更高效一点:
alias lc='colorls -lA --sd'
设置了别名之后,输入 lc 就好了。
 

Copyright © 2024 Yiner

logo