MacBook M1 ARM 框架 前端开发环境配置

目录

1:安装 ARM 版 Homebrew

2:安装 Nvm

3:安装 Node

4:安装Yarn

1:安装 ARM 版 Homebrew

首先安装 Homebrew ，并使用它来管理 Mac 中的各类环境依赖。

ARM版Homebrew需要安装在/opt/homebrew路径下，早期的时候需要手动创建目录执行命令，目前使用最新脚本不需要手动操作。

直接执行：

/bin/bash -c "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install.sh)"

下载速度有点慢，慢慢等待下载安装。

然后还需设置环境变量，具体操作步骤跟进终端提示，一定要仔细阅读。

在命令行在分别执行：echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/yx/.zprofile（每个人的路径都不一样）

和eval "$(/opt/homebrew/bin/brew shellenv)" 

2:安装 Nvm

Nvm 是一个管理 Node 版本的工具，当项目多了以后，总会碰到需要切换 Node 环境的时候，所以推荐大家使用 Nvm 来安装 Node。

Homebrew 安装 Nvm

若是你已经按上述步骤安装好了 Homebrew，那么你可以直接通过 Homebrew 的命令轻松安装 Nvm

brew install nvm

安装结束后根据命令行提示配置环境变量

Add the following to ~/.zshrc or your desired shell
configuration file:

  export NVM_DIR="$HOME/.nvm"
  [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
  [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

vi ~/.zshrc

然后把一下内容拷贝到文件中并保存，
export NVM_DIR="$HOME/.nvm"
  [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
  [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion
保存后新打开命令行，然后执行nvm如果有输出证明环境已安装好

3:安装 Node

接下来我们通过 nvm 来安装 Node,我安装的是16版本

nvm i v16

卸载指令

nvm uninstall 16

切换node版本指令

nvm use 8

设置默认node版本号

nvm alias default <version>  如： nvm alias default v16.13.0

4:安装Yarn

npm install -g yarn

5:配置路径否则Xcode无法运行ReactNative项目

sudo ln -s $(which node) /usr/local/bin/node