掌握React Native Android环境搭建步骤，助力App开发（Mac）

2024-02-14 00:43:13

搭建React Native开发环境，就好比为你的编程之旅准备一块肥沃的土地，只有土壤肥沃，种子才能茁壮成长。今天，我们就来手把手教你如何在macOS系统上搭建React Native的Android开发环境，让你轻松踏上跨平台开发之路。

首先，我们要明确一点，搭建环境需要一些必备工具，就像农民伯伯种地需要锄头、镰刀一样。你需要准备一台macOS 10.15或更高版本的电脑，并确保已经安装了Node.js 10.x或更高版本、Android Studio 4.1或更高版本、Xcode 12或更高版本以及JDK 8或更高版本。这些工具就像地基一样，是搭建环境的基础。

接下来，我们要安装Node.js，它就像给土地施肥，为React Native的运行提供必要的养分。你可以访问Node.js官网，下载macOS系统的安装程序，然后双击安装。安装完成后，打开终端窗口，输入node --version，如果能看到版本号，就说明安装成功了。

有了Node.js，我们就可以安装React Native CLI了，它就像一把万能的锄头，可以帮助我们创建、运行和调试React Native项目。在终端窗口中输入npm install -g react-native-cli，等待安装完成。然后输入react-native --version，如果能看到版本号，就说明安装成功了。

接下来，我们需要安装Android Studio，它就像一个专业的农业基地，提供了开发Android应用所需的各种工具和环境。你可以访问Android Studio官网，下载macOS系统的安装程序，然后双击安装。安装完成后，启动Android Studio，按照提示完成设置。

为了开发iOS应用，我们还需要安装Xcode，它就像一个专门种植苹果的果园，提供了开发iOS应用所需的各种工具和环境。你可以在App Store中搜索Xcode并下载安装。安装完成后，启动Xcode，按照提示完成设置。

JDK就像水源一样，是开发Java应用的必备工具。你可以访问Oracle官网，下载macOS系统的JDK安装程序，然后双击安装。安装完成后，在终端窗口中输入java -version，如果能看到版本号，就说明安装成功了。

Android SDK Build-Tools、Android SDK Platform-Tools和Android SDK Tools就像各种农具，是开发Android应用所需的各种工具。你可以在Android Studio中打开SDK Manager，找到这些工具并安装。

最后，我们需要配置环境变量，就像规划好田地和水渠，让各种工具和环境能够协同工作。打开终端窗口，输入open ~/.bash_profile，在打开的文件中添加以下内容：

export ANDROID_HOME=/Users/your_username/Library/Android/sdk
export PATH=$ANDROID_HOME/tools:$PATH
export PATH=$ANDROID_HOME/platform-tools:$PATH
export PATH=$ANDROID_HOME/build-tools/28.0.3:$PATH

记得将/Users/your_username/Library/Android/sdk替换成你的Android SDK安装路径，将28.0.3替换成你安装的Android SDK Build-Tools版本。保存文件后，在终端窗口中输入source ~/.bash_profile，使配置生效。

至此，React Native的Android开发环境就搭建完成了。你可以使用react-native init MyApp创建一个新的React Native项目，然后使用react-native run-android在Android模拟器或真机上运行项目。