zsh安装从入门到放弃什么是zsh shell有御三家:分别是：WE、EDG、RNG（不是。 z-shell、fish

什么是zsh

shell有御三家:分别是：~~WE、EDG、RNG（误~~

z-shell、fish-shell、bash shell ，被大家叫做zsh、fish、bash

mac os 10.15之前自带的是bash 。

在 Mac 上将 zsh 用作默认 Shell

其中，zsh和fish可以进行扩展，安装oh-my-zsh和oh-my-fish

fish被说是90后最喜欢的shell 因为开屏响应时间少、语法清爽、函数编写脚本、开箱即用。但是也有一些缺点，使用用户还是属于比较小众，所以一些插件以及扩展需要自己踩坑，像我这样的懒人，还是从入门到放弃算了。

自己用过半年，因为其中要安装mpv被一些插件安装弄疯了，想想还是算了

zsh作为Catalina自带的shell，自然有它的可取之处。现在是以前端的视角安装zsh及常用的插件及其配置。

如何安装zsh（oh-my-zsh）

因为✨魔法✨的原因，国内安装zsh可能会被♿♿，所以可以使用热心大佬们维护的镜像地址

oh-my-zsh gitee镜像

使用curl

sh -c "$(curl -fsSL https://gitee.com/pocmon/ohmyzsh/raw/master/tools/install.sh)"

使用wget

sh -c "$(wget -O- https://gitee.com/pocmon/ohmyzsh/raw/master/tools/install.sh)"

原版curl

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

使用brew安装

brew install zsh

或者使用其他包管理工具apt-get || yum

安装插件

nvm

默认你已经进行完了上一步，你可以输入

zsh --version
#zsh 5.3 (x86_64-apple-darwin17.0)

看下是否安装成功

作为一个有tips的前端，自然是不会直接安装nodejs.exe 或者nodejs.pkg的，我们要用nvm作为node的包管理工具

默认你已经提前安装好了oh-my-zsh了

克隆zsh-nvm的源代码到oh-my-zsh的插件目录了

git clone https://github.com/lukechilds/zsh-nvm ~/.oh-my-zsh/custom/plugins/zsh-nvm

然后在.zshrc配置文件里面添加插件名称

# 其他的代码
plugins+=(
git
zsh-nvm #添加插件名称
)
# 其他的代码

重启zsh配置

source ~/.zshrc

校验nvm是否成功

nvm --version
#0.38.0

每天一个天坑小技巧

你也可以通过curl的方式安装nvm但是这样要记得要自己把nvm的环境配置到.zshrc文件里面，不然会zsh提示找不到nvm

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

zsh: command not found:nvm
# zsh使用的时候最恐怖的一个报错

安装nodejs

# 列出nvm可以安装的版本
nvm ls-remote
# 安装指定版本node
nvm install 15.0.0
# 当然你也可以安装最新的版本
nvm install latest
# 当然你也可以安装稳定版
# node有个很神奇的点是 偶数版本会比奇数版本相对用的人更多，所以也更稳定
nvm install stable
# 切换到指定的node版本
# use命令都是临时切换node版本
nvm use 15.0.0
# nvm 设置默认node版本
nvm alias default v15.0.0

既然安装了node，那么推荐安装两个库

npm install -g yarn # 安装yarn
npm install -g nrm # 安装包下载路径源管理工具
nrm ls # 列出当前npm下载源列表
nrm use taobao # 使用淘宝系镜像源

zsh-syntax-highlighting（高亮插件）

仓库地址

克隆地址安装

git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

在~/.zshrc文件中找到plugins 然后添加插件，下面提到的插件同理

# Which plugins would you like to load?
# Standard plugins can be found in $ZSH/plugins/
# Custom plugins may be added to $ZSH_CUSTOM/plugins/
# Example format: plugins=(rails git textmate ruby lighthouse)
# Add wisely, as too many plugins slow down shell startup.
plugins=(
git # zsh自带
zsh-nvm
zsh-autosuggestions
zsh-syntax-highlighting
vscode # 使用 vs <pakage> 然后就能打开你的项目
sublime #zsh 自带
)

重载配置

source ~/.zshrc

vscode

vs 文件路径

git clone https://github.com/valentinocossar/vscode.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/vscode

sublime

st 文件路径

自带

zsh-autosuggestions（自动补全）

仓库地址

使用方法匹配你输入过的命令 control+f自动补全(mac是cmd+f)

git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

alias（自定义别名）

每次打开zshr配置或者自己经常使用的，再或者输入冗余的命令的时候，可以尝试试着定义alias

# Example aliases
# alias zshconfig="mate ~/.zshrc"
# alias ohmyzsh="mate ~/.oh-my-zsh"
alias ys="yarn start"
alias nb="npm run build"
alias rd="rm -rf dist"
alias od="open ./"
alias nq="npm run qjyx"
alias hs="hexo s"
alias hg="hexo g"
alias hd="hexo clean && hexo deploy"
alias vzsh="vim ~/.zshrc"
alias szsh="source ~/.zshrc"
alias nbwei="npm run build:mp-weixin"
alias proxy='export all_proxy=socks5://127.0.0.1:7890'
alias unproxy='unset all_proxy'
alias cip="curl cip.cc"
alias chrome="open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Volumes/lime/Google"

美化zsh

美化方面，有两种比较🔥，一种是ys,一种是pure，其中ys为自带，pure需要自己下载插件

安装pure

npm install --global pure-prompt

在~/.zshrc配置文件底部添加

autoload -U promptinit; promptinit
prompt pure

*加入你用iterm2也可以使用snazzy

snazzy 仓库地址

最终效果

兄弟萌😊，现在已经一顿操作完成了，让我们来看看最终的节目效果

zsh安装 从入门到放弃