1. 安装Node.js:
Node.js是React Native开发的基础,因此首先需要安装Node.js。强烈建议始终选择 Node 当前的 LTS (长期维护)版本,一般是偶数版本,不要选择偏实验性质的奇数版本。
如果你希望更方便地管理Node.js版本,可以考虑使用Node Version Manager(NVM)。NVM可以帮助你轻松地在不同版本的Node.js之间切换。
2. 安装Yarn:
Yarn是Facebook提供的一个替代npm的包管理工具,它可以加速node模块的下载。你可以在命令行中输入npm install -g yarn来全局安装Yarn。
3. 安装Java Development Kit (JDK):
React Native需要JDK来支持Android开发。你可以从Oracle官网下载JDK 17或更高版本。下载后,需要配置JAVA_HOME环境变量,并将其添加到系统的PATH环境变量中。
4. 安装Android Studio:
Android Studio是Android开发的官方集成开发环境(IDE)。
5. 配置Android开发环境:
安装完Android Studio后,你需要配置Android开发环境。这包括创建AVD(Android Virtual Device,即Android虚拟机)以模拟Android设备,以及配置必要的Android SDK和构建工具。
使用 Android 模拟器
你可以使用 Android Studio 打开项目下的"android"目录,然后可以使用"AVD Manager"来查看可用的虚拟设备,它的图标看起来像下面这样:
如果你刚刚才安装 Android Studio,那么可能需要先创建一个虚拟设备。点击"Create Virtual Device…“,然后选择所需的设备类型并点击"Next”,然后选择Tiramisu API Level 33 image.
注意:请不要轻易点击 Android Studio 中可能弹出的建议更新项目中某依赖项的建议,否则可能导致无法运行。
6. 安装React Native CLI:6
React Native CLI是一个命令行工具,用于创建和管理React Native项目。你可以通过npm全局安装它:npm install -g react-native-cli。
npm uninstall -g react-native-cli @react-native-community/cli
7. 验证环境配置:
最后,你可以通过创建一个新的React Native项目来验证你的环境配置是否正确。在命令行中输入react-native init MyAwesomeProject来创建一个名为MyAwesomeProject的新项目。如果项目成功创建并且没有出现错误,那么你的环境配置就是正确的。