react native开发环境搭建

### 如何配置 React Native 开发环境 #### 安装 Node.js 和 Watchman 对于 macOS 用户来说，推荐使用 Homebrew 来安装 Node.js 和 Watchman。Homebrew 是 macOS 上的一个包管理器，可以让软件的安装变得简单快捷。 ```bash brew install node brew install watchman ``` 这一步骤确保了开发环境中拥有必要的 JavaScript 运行时以及文件监听工具[^3]。 #### 安装 Yarn 包管理器 Yarn 提供了一种快速、安全的方式来管理和更新项目所需的依赖项。通过下面命令可完成安装： ```bash brew install yarn ``` 此操作简化了后续项目的初始化过程并提高了效率。 #### Java Development Kit 的安装 为了支持 Android 平台的应用构建，需要先安装 JDK（Java Development Kit）。可以从 Oracle 或者采用 OpenJDK 版本来进行部署。具体方法取决于操作系统的选择，在 Windows 或 Linux 中可以直接下载官方提供的安装包；而在 Mac OS X 则建议继续利用 Homebrew 工具链： ```bash brew tap adoptopenjdk/openjdk brew cask install adoptopenjdk8 ``` 这是为了让编译器和其他相关工具能够在本地机器上正常工作所必需的基础设置之一[^1]。 #### 设置 Android Studio 及其 SDK 下一步就是获取 Android Studio IDE 本身连同附带的各种 API Level 的 SDKs。访问官方网站下载适合当前平台版本的应用程序，并按照提示完成整个流程。特别注意的是要记得调整 HTTP/HTTPS proxy 设置以便加速资源加载速度特别是当位于中国境内网络环境下时。 - **配置 SDK 路径** 打开 Android Studio 后进入 `Preferences` -> `Appearance & Behavior` -> `System Settings` -> `Android SDK` 页面指定自定义目录作为存储位置。 - **创建 AVD (Android Virtual Device)** 使用内置向导建立至少一台虚拟设备用于测试目的。选择合适的硬件模板和目标系统映像以匹配实际需求场景下的兼容性考量。 - **设定 ANDROID_HOME 环境变量** 将上述提到过的 SDK 文件夹加入到系统的 PATH 环境变量当中去，使得命令行工具可以在任何地方被调用执行。例如在 `.bash_profile` 或者 `.zshrc` 文件里追加如下内容： ```shell export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/emulator export PATH=$PATH:$ANDROID_HOME/tools export PATH=$PATH:$ANDROID_HOME/tools/bin export PATH=$PATH:$ANDROID_HOME/platform-tools ``` 这些准备工作完成后就可以顺利启动模拟器实例并且运行简单的 HelloWorld 类型的小例子验证一切是否就绪了。 #### iOS 环境准备 针对苹果生态内的产品线，则需额外关注几个方面来完善整体解决方案框架： - 升级 Ruby 至最新稳定版次（尤其是 M1/M2 架构的新款 MacBook），因为 CocoaPods 依赖于该解释器引擎； - 安装 CocoaPods —— 推荐的方式有两种：一是借助 Homebrew (`brew install cocoapods`) ，二是切换国内 gem 源后再单独进行全局 gem 命令安装(`sudo gem install cocoapods --source=https://gems.ruby-china.com`); - 获取最新的 Xcode 发布版本及其配套 Command Line Tools 组件，它们共同构成了 Objective-C/Swift 编程语言的标准库集合体，同时也是打包发布应用程序不可或缺的一部分。 ---