mac从零配置前端环境（M4）

一、homebrew 安装

安装该开源的包管理器，更方便后续安装。打开官网 brew.sh/

拷贝 Install Homebrew 提供的命令执行

输入密码后，后续选项默认回车即可

在红圈部分可能会需要较长时间，安装完成后，检查命令 brew -v

homebrew 常用命令

通过 homebrew 安装，执行命令 brew install git

安装成功后设置用户名密码
git config --global user.name "abc"
git config --global user.email "abc@qq.com"

检查配置信息 git config --list

配置SSH：

（1）生成密钥
ssh-keygen -t ed25519 -C "邮箱"

提示，回车即可，生成在默认目录下
Enter a file in which to save the key (/Users/you/.ssh/id_ed25519): [Press enter]

在提示符下，输入安全密码(个人电脑可以不设置安全密码，直接回车两下)，即可生成一个新的ssh密钥。如果生成ssh秘钥的时候输入了安全密码，则每次clone/push代码时都需要输入安全密码才行。

(2) 添加密钥

复制刚刚生成的密钥 pbcopy < ~/.ssh/id_ed25519.pub

在个人设置中，添加即可

以上就可以通过命令下载仓库了

github desktop 安装官网下载 desktop.github.com/download/ 解压拷贝到应用程序

通过 homebrew 命令安装 brew install nvm

安装后直接查看版本 nvm -v 是查看不到的，需要在用户根目录下创建文件 cd ~ 后执行 touch ~/.zshrc

打开用户根目录文件夹，command + shift + . 显示隐藏文件

打开以上文件，添加上图圈圈的 export xxxxx 保存后，执行 source ~/.zshrc 即可通过 nvm -v 查看到其安装成功。

nvm ls-remote 查看远程node版本，安装 16、18、20 稳定版本，比如 nvm install v20.18.3

安装包管理器 brew install yarn pnpm 即可下载代码的资源包啦。

进入官网 code.visualstudio.com/ 点击大大的 download 按钮即可，嗖嗖快。将文件解压，拷贝到应用程序中，双击打开即可使用。

常用插件： Vue - Official

M4使用红圈包即可