React Native 开发系列 —— RN 环境搭建指南

这篇搭建环境指南一方面是协助构建开发环境，另一个方面也是帮助开发者选择所需的主机系统。

注意：选择适合的主机很重要！要知道至少在国内，所有的手机用户都可以粗暴的分成安卓和ios两大阵营，准备开发的产品需要面对这两方面的用户。然而并非任意电脑即可开发这两个系列的应用。所以帮助主机选型很重要。如果是个人开发者，且还未开始开发RN，我希望你可以看完这篇文章再做打算。

【重要】开发环境的选择

开发者可以根据下面的表格和自身需求来选择实用哪种系统来开发。

目标类型\开发平台	Mac OS	Windows	Linux
Android	✅	✅	✅
ios	✅	❌	❌

开发 Android App 的工具环境

工具名称	Mac OS	Windows	Linux
Watchman	✅	❌	❌
Node	>= 18.0	>= 18.0	>= 17
JDK	>= 17	>= 17	>= 17
Android Studio：SDK	✅	✅	✅
Android Studio：SDK Platform	✅	✅	✅
Android Studio：Virtual Device	✅	✅	✅

开发 ios App 的工具环境

开发 iOS 应用只能是在 macOS 系统中。主要的开发工具有：

Node >= 18
Watchman，使用 Homebrew 安装
Xcode，需要安装好 Xcode 命令行工具，直接去 App Store 或者 Apple 开发者官网下载即可
Cocoapods，使用 Homebrew 或者gem安装

下面我将按工具来说明安装办法。

如果遇到下载速度慢或者总是下载失败的情况，不要犹豫，开代理工具科学上网。

Nodejs 安装教程

1、iOS 可选使用 Homebrew 安装。（部分使用了 Homebrew for Linux，或者使用 Windows wsl 来使用 Homebrew 的同学可选）

shell 复制代码

brew install node@18

2、官方下载安装

Node.js --- Download (nodejs.org)

这里推荐大家直接选择 .msi、.pkg和Linux Binaries(x64/ARM)。就图一个省心

3、nvm安装

shell 复制代码

nvm install 18

使用 nvm 来做 node 版本管理是非常值得推荐的。

非常推荐做一件事------使用 nrm 设置镜像地址：
shell 复制代码
# 使用nrm工具切换淘宝源
npx nrm use taobao

# 如果之后需要切换回官方源可使用
npx nrm use npm
‼️ 注意；官方文档中不推荐使用 cnpm ！

为 RN 安装 JDK

React Native 当前需要 Java Development Kit [JDK] 17。你可以在命令行中输入 javac -version（请注意是 javac，不是 java）来查看你当前安装的 JDK 版本。

1、iOS 上推荐使用Homebrew来安装由 Azul 提供的名为 Zulu 的 OpenJDK 发行版。此发行版同时为 Intel 和 M1 芯片提供支持。在 M1 芯片架构的 Mac 上相比其他 JDK 在编译时有明显的性能优势。

shell 复制代码

brew tap homebrew/cask-versions
brew install --cask zulu17

2、直接去官方网站下载即可Java Downloads | Oracle 中国。此方法适用于三个操作系统平台。推荐下载 installer 或 .deb 。不为别的，就是为了省心。

为 RN 安装 Watchman

shell 复制代码

brew install watchman

为 RN 安装 Cocoapods

选一个就好。

shell 复制代码

sudo gem install cocoapods
# 或者是：
brew install cocoapods

为 RN 安装 Android Studio

Install Android Studio | Android Developers (google.cn)

下载 Android Studio 和应用工具 - Android 开发者 | Android Developers (google.cn)

在安装过程中，安装程序会提示下载 SDK 和 AVD 。按提示下载即可。唯一需要注意的地方就是安装位置，因为下载的SDK和安卓虚拟机都需要足够的空间。

如果自己的电脑只有一个分区就没有必要自己特设目录来存储，直接使用默认目录即可。

如果有严格的分盘分区，那么推荐修改到个人认为合适的位置来存储 SDK 与虚拟机资源。

安装好之后我们可以直接在 Android Studio 的欢迎页面找到SDK Manager ，无需创建项目后进入编辑器。