React Native 学习-环境搭建

开放平台：Windows

目标平台：Android

依赖安装：Node、JDK 和 Android Studio。

Node下载：https://nodejs.org/en/

JDK下载：
https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

Android Studio下载：
http://www.android-studio.org/

注意 Node 的版本应大于等于 12，而 JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本，注意 1.8 版本官方也直接称 8 版本）。安装完 Node 后建议设置 npm 镜像（淘宝源）以加速后面的过程

# 使用nrm工具切换淘宝源

npx nrm use taobao

# 如果之后需要切换回官方源可使用

npx nrm use npm

Yarn 安装

npm install -g yarn

安装完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方库名代替npm install 某第三方库名。

Android 开发环境

1.安装 Android Studio

安装界面中选择”Custom”选项，确保选中了以下几项：

然后点击”Next”来安装选中的组件

安装完成后，看到欢迎界面时，就可以进行下面的操作了.

2.安装 Android SDK

Android Studio 默认会安装最新版本的 Android SDK。目前编译 React Native 应用需要的是Android 10 (Q)版本的 SDK（注意 SDK 版本不等于终端系统版本，RN 目前支持 android4.1 以上设备）。

你可以在 Android Studio 的欢迎界面中找到 SDK Manager。点击”Configure”，然后就能看到”SDK Manager”。

在 SDK Manager 中选择”SDK Platforms”选项卡，然后在右下角勾选”Show Package Details”。展开Android 10 (Q)选项，确保勾选了下面这些组件：

然后点击”SDK Tools”选项卡，同样勾中右下角的”Show Package Details”。展开”Android SDK Build-Tools”选项，确保选中了 React Native 所必须的29.0.2版本。你可以同时安装多个其他版本。

最后点击”Apply”来下载和安装这些组件。

3.配置环境变量

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建，创建一个名为ANDROID_HOME的环境变量（系统或用户变量均可），指向你的 Android SDK 所在的目录（具体的路径可能和下图不一致，请自行确认）：

SDK 默认是安装在下面的目录：

C:User你的用户名AppDataLocalAndroidSdk

可以在 Android Studio 的”Preferences”菜单中查看 SDK 的真实路径，具体是Appearance & Behavior → System Settings → Android SDK。

4、添加工具到环境变量到Path

如图：

创建新项目

安装react-native-cli 工具

npm i react-native-cli -g //全局安装 第一次这样做哈！以后就不需要

使用 React Native 内建的命令行工具来创建一个新项目。这个命令行工具不需要安装，可以直接用 node 自带的npx命令来使用（注意 init 命令默认会创建最新的版本）：

npx react-native init MyApp

编译并运行 React Native 应用

确保你先运行了模拟器或者连接了真机，然后在你的项目目录中运行

yarn android或者yarn react-native run-android