"在 Apple M1 中设置 React Native 的开发环境"

Question

如何在基于 Apple M1 ARM 的系统中设置 React Native 的开发环境？

"

Answer 1

适用于 Android 和 iOS 的 RN 环境集：

1. 安装自制 ( https://brew.sh )

   • /bin/bash -c "$(curl -fsSL

https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh )"

2. 安装节点和守望者（从终端）
   1. 冲泡安装节点
   2. 酿造安装守望者

如果您使用的是 M1 Mac，请不要为 React Native 使用错误的 JDK……否则您会变得慢 2 倍并且不知道为什么

*参考（ https://shift.infinite.red/dont-use-the-wrong-jdk-for-react-native-if-you-re-using-an-m1-mac-252533dd47a2 ）

3. 安装 SDKMAN ( https://sdkman.io )

   curl -s "https://get.sdkman.io" | bash sdk list java (查看你要安装的版本) sdk install java 11.0.14-zulu

*使用 Sdkman ( https://towardsdatascience.com/install-and-run-multiple-java-versions-on-linux-using-sdkman-858571bce6cf )

4. 下载并安装 Android Studio

   1. 为 Mac 选择 AS ( https://developer.android.com/studio/preview )
   2. 选择配备 Apple 芯片的 Mac
   3. Android Studio 默认安装最新的 Android SDK。
   4. 选择最新的 Android SDK 命令行工具（Preference > Android SDK > SDK Tools > show package details）

5. 将以下行添加到您的 ~/.zshrc 中：

   1. 导出 ANDROID_HOME=$HOME/Library/Android/sdk
   2. 导出 PATH=$PATH:$ANDROID_HOME/模拟器
   3. 导出 PATH=$PATH:$ANDROID_HOME/tools
   4. 导出 PATH=$PATH:$ANDROID_HOME/tools/bin
   5. 导出 PATH=$PATH:$ANDROID_HOME/platform-tools

   注意：要添加这个：

   1. 打开终端并输入 nano $HOME/.zshrc
   2. 复制那5行并粘贴
   3. Control + O 然后按回车键（保存）。
   4. Control + x（退出）

6. 创建项目：

   npx react-native init AwesomeProject

7. 运行项目：npx react-native run-android -（在android中运行）

iOS 的铰孔设置：

8. 从 Appstore 安装 Xcode

9. ruby -v (ruby 是默认安装的)

10. 打开终端并输入：

• sudo xcode-select -switch /Applications/Xcode.app/Contents/ Developer
• sudo xcode-select --install

11. 酿造安装 libffi

12. 酿造安装可可豆荚

13. 现在运行 iOS 应用程序

• 模拟器：npx react-native run-is
• 设备：npm install -g ios-deploy

  在连接的设备上运行，例如 Max 的 iPhone：

  react-native run-ios --device "Max 的 iPhone"