macOS搭建ReactNative环境

一 安装node和Watchman

在终端输入

brew install node@18 安装版本号为18的node

等待安装完成后打开zshrc添加

export PATH="/usr/local/opt/node@18/bin:$PATH"

这个可以在终端的安装信息中看到，然后在终端中输入node -v命令，终端中会打印出版本号就成功了
继续在终端中输入

brew install watchman

安装Watchman，等待安装完成。

二 安装Yarn和react-native-cli

安装Yarn，在终端中输入

npm install -g yarn

安装，等待安装完成，完成后输入

npm install -g react-native-cli

如果之前有安装过旧版本的react-native-cli可以输入

npm uninstall -g react-native-cli

先卸载掉再安装新的版本，防止出现冲突，如果安装过程中，终端有出现下图红色方框中的error信息

可以使用下面的命令安装

sudo npm install -g react-native-cli

到这步就安装好了。
由于我是在网上拉了个rn的项目想运行起来，此时可以在终端中cd到项目目录下，在输入

yarn

如果有出现如下图的错误，可以删除掉_cacache中的所有文件，再重新运行一下上面这个命令

等待安装完就可以试跑一下项目了，我是跑android平台，在终端中输入

yarn android

如果会弹出下面图片中的终端，在新弹出的终端中输入a等待编译

要在android studio中运行rn项目中android目录的android原生项目，需要先将这个rn项目编译一次，在android studio才能跑起来

打包apk

$ cd android
$ ./gradlew assembleRelease

打包aab

cd android
./gradlew bundleRelease

apk/aab生成路径 android/app/build/outputs/bundle/release/