1、安装 node 和 watchman

brew install node@18
brew install watchman

2、安卓篇

2.1、安装JDK

brew install --cask zulu@17

更新JAVA_HOME环境变量（查看JDK路径命令：/usr/libexec/java_home -V）

使用 javac --version判断JDK是否安装成功

2.2、安装AndRoid Studio

必须要安装以下三个

Android SDK
Android SDK Platform
Android Virtual Device

2.2.1、配置安卓环境变量

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/platform-tools
#如果后续真机调试时，adb 命令无法执行，需要看看安卓变量环境有没有配置对

mac环境变量的配置

如果使用的shell是zsh，就使用 ~/.zshrc配置(~即/User/当前用户名的别名)

如果使用的shell是bash,就使用 ~/.bash_profile配置

可使用open 路径或者 vi 路径命令编辑(vi使用，点击i进入插入模式，esc退出模式， :wq退出文件并保存)

配置完毕后，需要source 文件路径才会生效，否则需要重启。

如不需要搭建IOS，请跳到 RN 搭建篇

3.IOS篇

下载Xcode

打开Xcode，点击window - devices and simulators 添加ios模拟器

3.1、安装cocoapods（相当于ios的npm）

sudo gem install cocoapods
或者可以使用 brew 来安装
brew install cocoapods

4、下载并启动RN项目

npx react-native@X.XX.X init yourProject --version X.XX.X

安装可能会失败，如果出现cocoapods安装失败

pod setup
cd ./yourProject/ios && pod install

ios RN 项目可能会出现的问题

Q1: pod install 权限不足，但pod无法使用 sudo 命令

A1: sudo chmod -R 777 ./../node_modules

Q2: 安装boost时间过长

A2: github.com/facebook/re… 更换node_modules/react-native/third-party-podspecs/boost.podspec下载源

5运行RN项目

安卓：需要启动安卓且打开一个设备（模拟器和真实设备都行）

IOS：需要打开Xcode

RN 搭建安卓和 IOS 环境