DEV Community
·
为React Native开发设置Mac M1芯片
💡
原文英文，约600词，阅读约需3分钟。
📝
内容提要
本文介绍了在macOS上设置React Native开发环境的步骤，包括安装NVM、Ruby、Xcode、CocoaPods和Android Studio，并提供了创建虚拟设备和测试项目的指导，以及针对M1芯片的故障排除建议。
🎯
关键要点
- 在macOS上设置React Native开发环境的步骤
- 安装NVM并使用版本18
- 使用Homebrew安装Watchman
- 安装Ruby并使用rbenv进行版本管理
- 安装推荐的Ruby版本2.7.6
- 从Apple Store安装Xcode并下载iOS模拟器
- 验证Xcode命令行工具和位置
- 安装CocoaPods并解决Ruby版本冲突
- 安装Android Studio并配置环境变量
- 创建Android虚拟设备（AVD）
- 安装React Native CLI并创建测试项目
- 测试iOS和Android的设置
- 针对M1芯片的故障排除建议
❓
延伸问答
如何在Mac M1上安装NVM和Ruby？
使用命令'nvm install 18'安装NVM，然后使用'rbenv install 2.7.6'安装推荐的Ruby版本。
如何安装Xcode和iOS模拟器？
从Apple Store安装Xcode，并在Xcode的偏好设置中下载iOS模拟器。
如何解决CocoaPods安装中的Ruby版本冲突？
安装Ruby 2.7.6或更高版本，并确保将其添加到PATH中，然后重新尝试安装CocoaPods。
如何创建Android虚拟设备（AVD）？
在Android Studio中打开AVD管理器，选择设备定义并选择系统映像，然后创建虚拟设备。
如何测试React Native项目在iOS和Android上的设置？
在iOS上运行'npx react-native run-ios'，在Android上先启动模拟器，然后运行'npx react-native run-android'。
针对M1芯片的故障排除建议有哪些？
对于iOS，修改Podfile以排除arm64架构；对于Android，确保使用ARM64系统映像创建AVD。
➡️
