第一次发帖有不足的地方，请各位在评论中指出。不喜勿喷😊

配置完成后的ITerm2效果图

安装 zsh

先执行zsh --version检查是否已经安装zsh，如果返回版本号，说明已经安装，可以跳过此步骤，直接安装Iterm2.
如果没有安装zhs，则需要先安装Homebrew 地址

安装 Iterm2

Iterm2下载地址
将Iterm2设置为默认终端 iTerm2 -> Make ITerm2 Default Term

安装 oh-my-zsh

oh-my-zsh是一个用于扩展和管理的Zsh（一种命令行shell）的开源框架和社区项目，拥有丰富的插件，丰富的主题，自动补全，等一系列功能

export REMOTE=https://gitee.com/imirror/ohmyzsh.git
sh -c "$(curl -fsSL https://cdn.jsdelivr.net/gh/ohmyzsh/ohmyzsh/tools/install.sh)"

编辑主题:

vim ~/.zshrc // 回车后按i进入编辑模式
ZSH_THEME="agnoster"

安装字体： Meslo for Powerline 选择字体
command + , Profiles -> Text -> Font 选择 Meslo LG S Regular for Powerline
重新打开ITerm2

自动命令补全

首先通过 ~/.oh-my-zsh/custom/plugins 进入对应目录

使用git克隆该插件的仓库

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

vim ~/.zshrc // 回车后按i进入编辑模式
在plugins 中 添加 zsh-autosuggestions
执行 source ~/.zshrc 使插件生效

命令补全已经生效

注：如果看不到补全代码可能是颜色问题

语法高亮

首先通过 ~/.oh-my-zsh/custom/plugins 进入对应目录

git clone https://gitee.com/imirror/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

vim ~/.zshrc // 回车后按i进入编辑模式
在plugins 中 添加 zsh-autosuggestions
执行 source ~/.zshrc 使插件生效

设置命令行前名称

vim ~/.oh-my-zsh/themes/agnoster.zsh-theme
修改`prompt_context()`函数
prompt_context() {
  if [[ "$USER" != "$DEFAULT_USER" || -n "$SSH_CLIENT" ]]; then
    #prompt_segment black default "%(!.%{%F{yellow}%}.)%n@%m"
     prompt_segment black default "喵喵" // 这里的空字符串可以修改为自己想要的，我这里设置为喵喵
  fi
}
使用source ~/.zshrc 保存后即可看到效果

配置Nvm

如果之前安装有nvm或者node相关模块，首先全部卸载

卸载node
nvm uninstall --all
卸载nvm并且清理缓存文件
rm -rf ~/.nvm
rm -rf ~/.npm 
rm -rf ~/.node-gyp

安装nvm

git clone https://gitee.com/mirrors/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags` # 可以看到地址是gitee的地址

配置nvm环境变量如果不配置nvm环境变量，这是关闭终端，则nvm会失效

vi ~/.bash_profile #进入（i编辑 esc退出 :wq保存）
复制下面的两行粘贴并且保存
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
保存退出后执行生效命令
source ~/.bash_profile

如果使用的是zsh环境，需要单独设置.zshrc文件

vim ~/.zshrc // 回车后按i进入编辑模式
# zshrc文件内
source ~/.bash_profile # 找地方放置
保存退出后执行生效命令
source ~/.zshrc

此时使用nvm -v可查看nvm版本

4. 由于需要需要同时开发Vue2与 Vue3两种项目，所以需要安装两个版本的node，我们这边采用12与16版本，其中12版本用来处理 Vue2项目，16版本用来处理Vue3项目中的TypeScript代码。

 nvm install 12
 nvm install 16
 使用nvm list 查看是否安装成功

5.安装cnpm

使用nvm use 12 切换版本 这里采用较低版本的cnpm
npm install -g cnpm@7.1.1 --registry=https://registry.npmmirror.com // 安装cnpm
cnpm -v // 查看版本
使用nvm use 16 切换版本 采用较高版本cnpm
npm install -g cnpm@9.2.0 --registry=https://registry.npmmirror.com // 安装cnpm
cnpm -v // 查看版本

如果在安装cnpm后使用cnpm -v提示

internal/modules/cjs/loader.js:969 
throw err; 
^ Error: Cannot find module 'node:util'

是由于这个错误表明在执行 cnpm -v 命令时，Node.js 找不到 'node:util' 模块。这通常是因为您的 Node.js 安装出现了问题或者路径设置不正确。解决方案：

检查环境变量 echo $PATH 确保 Node.js 和 npm 的路径包含在输出中。如果没有，您可以编辑您的 shell 配置文件（例如 .bashrc、.zshrc、.bash_profile 等）并将 Node.js 和 npm 的路径添加到 PATH 变量中。

vim ~/.bash_profile  // 回车后按i进入编辑模式
将如下代码补全
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
export PATH="/usr/local/bin:$PATH"

记录Mac OS M1 ITerm2、Nvm、node、npm、cnpm配置过程