1、概述

我会介绍两种方式来安装 React Native 的开发环境。

1. React Native CLI 方式
2. Expo 的开发方式

React Native CLI 是 React Native 官方提供的命令行工具, 可以快速创建 React Native 项目, 但是它相对来说比较基础，没有提供完善的配套设施，需要我们手动配置许多环境，因此，这一点对于初学者而言，会有一定的学习成本

Expo 是在 React Native CLI 的基础之上，构建的一个比较完善的开发框架，它提供了许多完善的基础配套设施，在降低 React Native 的开发门槛的同时，也提供了许多完善的开发工具，因此，对于初学者而言，Expo 是一个更好的选择。

目前，Expo 在变得越来越好，它几乎可以覆盖 95% 的 React Native 的开发需求，因此，大多数情况下，这是被最广泛使用的开发方式。通常，Expo 不会暴露原生代码，我们可以执行如下指令来额外生成 Android 项目与 ios 项目代码

1
 npx expo prebuild

当然，对于一些高级开发者而言，他们可能

• 更喜欢使用 React Native CLI 的方式进行开发以达到 100% 的项目掌控感
• 要追求最极致的包体积大小，React Native CLI 通常会比 Expo 的包体积小几 M 到十几 M 不等
• 以客户端项目为主体，React Native 为辅助
• 引入某些私有的、非标准的、或者极其陈旧的原生 SDK

不过，随着 Expo 的持续发展和不断完善，目前社区的生态大多数会优先围绕 Expo 进行扩展，因此，一些三方工具的生态有可能不会对 React Native CLI 的配置方式进行特殊支持，这也是 Expo 的一大优势所在。

由于以学习为目的，本专栏会优先介绍更复杂的 React Native CLI 的项目安装与配置方式，然后再介绍 Expo 的安装方式

2、注意事项

由于 React Native 要运行在 iOS 上, 而 windows 无法运行 iOS 模拟器, 因此我强烈建议使用 Mac 电脑进行开发 React Native 应用. 也因为我本人是使用 Mac 电脑进行开发，本专栏的所有内容都是基于 Mac 电脑的开发环境进行分享

第二个注意事项就是：React Native 相关的环境搭建, 许多时候都需要科学上网, 如果没有的话, 在下载许多工具的时候会非常麻烦, 因此, 如果遇到问题请优先考虑是不是网络问题导致的

3、安装 HomeBrew

HomeBrew 是 macOS 上非常流行的包管理工具, 我们可以使用它来安装我们需要的工具. 我们可以使用如下指令安装它

1
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

然后我们需要使用 Homebrew 来安装 Node 与 Watchman

1
brew install node
2
brew install watchman

如果已经在系统上安装了 Node, 请确保它是 Node 20.19.4 或更新版本.

Watchman 是 Facebook 推出的一款文件系统监听工具, 用于监听文件系统的变化, 从而在文件系统发生变化时, 自动触发相应的操作. 在大型系统中，它超级高效，并且跨平台，非常适合 React Native 的开发.

4、xcode 安装

Xcode 是苹果公司推出的一款集成开发环境, 用于开发 macOS、iOS、watchOS 和 tvOS , 通常我们开发 iOS 应用时, 都需要安装 Xcode.

我们可以直接在 App Store 中搜索 Xcode 并安装.

如果你已经安装过 Xcode, 请尽量把他更新到最新版本

5、Android Studio 安装

Android Studio 是谷歌公司推出的一款集成开发环境, 用于开发 Android 应用程序.

我们只需点击几下即可设置 Android Studio。首先，查看系统要求。然后，下载最新版本的 Android Studio

如果你在安装过程中存在疑问，可以进一步阅读官方开发者文档安装 Android Studio