2-1~2-2 RN环境搭建

React Native 环境概述

在学习 React Native（RN）之前，需要先搭建开发环境。RN 使用 JavaScript 开发原生应用，并支持 Android 和 iOS 系统。RN 项目实际上由三个部分组成：

1. 一个完整的 Android 项目
2. 一个完整的 iOS 项目
3. 一个使用 ReactJS 开发的项目

大部分业务逻辑是通过 JavaScript 开发的，通常无需修改 Android 和 iOS 项目的代码。利用 Android 和 iOS 的原生 API 支持运行 JavaScript 代码，并借助 React 的虚拟 DOM 渲染原生组件，实现原生应用的开发。

尽管如此，RN 项目仍需要分别打包为 Android 和 iOS 程序，因此需要在本地搭建 Android 和 iOS 开发环境。

iOS 开发环境

iOS 开发环境仅能在 macOS 上搭建。如果使用非苹果电脑，需安装 macOS 虚拟机或黑苹果。Android 开发环境则不受系统限制，可以在任何操作系统上搭建。

iOS 开发环境搭建分为以下三个步骤：

1. 安装 Node.js 和 Watchman
   这两个工具与 JavaScript 开发相关。

2. 安装 Xcode 和 CocoaPods

   • Xcode：苹果官方开发工具，用于开发 iOS 和 macOS 应用。
   • CocoaPods：iOS 项目中常用的类库管理工具，类似于 npm。

3. 安装 iOS 模拟器
   安装 Xcode 后，iOS 模拟器会自动安装。

---

安装 React Native 开发环境

查阅官方文档

React Native 中文网

在中文网的搭建环境页面，有 "完整原生环境" 和 "简易沙盒环境" 两种选择：

• 完整原生环境：需要安装 Android 和 iOS 的开发环境，适用于实际项目开发。
• 简易沙盒环境：只包含 JavaScript 部分，只需安装 Node.js。此方式通过二维码扫描加载 JS 代码，适合快速预览，但无法编译为 Android 和 iOS 应用。

建议选择完整原生环境，以便使用更多原生功能。

安装 Node.js 和 Watchman

在 macOS 上，可以通过 Homebrew 安装 Node.js 和 Watchman：

brew install node
brew install watchman

Watchman 用于监视文件系统的变更。如果安装的 Node.js 版本低于 10，请升级。

为避免网络问题导致无法顺利下载依赖包，建议设置 npm 镜像：

bash
复制编辑
npx nrm use taobao

安装 Xcode

在 App Store 中搜索并安装 Xcode，安装完成后，iOS 模拟器也会一同安装。

---

Android 开发环境搭建

Android 开发环境的搭建同样分为三个部分：

1. 安装 Node.js 和 Watchman：这部分已经完成，无需再次安装。

2. 安装 JDK 和 Android Studio

   • JDK：Android 开发需要 JDK 1.8 版本。
   • Android Studio：访问 Android Studio 官网 下载并安装。

3. 配置环境变量
   配置 Android SDK 和相关的环境变量。

4. 安装 Android 模拟器
   如果有 Android 设备，可以直接使用真机调试；否则，可安装 Android 模拟器。