概述

前端程序员在使用React Native进行移动APP开发的时候，环境配置是一项基本但是却很

重要的一个工程，官方示例的环境配置有点冗余。本文以比较轻便的方式来详细讲述React

Native的环境配置，此环境配置完成之后，可以适合任何安卓手机，注意是安卓手机，本人测

试安卓系统最低可以支持到4.4版本(三星Galaxy E7),RN中文网推荐安卓系统最好是在4.1以

上，尽量不要用太低版本的手机测试了。

安装环境介绍

操作系统：win10专业版

手机：安卓手机真机一部或夜神模拟器

必须安装的依赖有:Node、JDK、Yarn、Android SDK、Python2(RN官网说需要，我并没安装).

Node的安装

建议先到官网http://nodejs.cn/去下载node版本，我当前是用的12.14.1版本，RN的官

网要求Node版本必须大于10，如果安装了之前的node版本也可以用，注意要大于10.从官网下

载下来之后，直接以管理员身份进行安装，下一步下一步，直接安装完成，这个过程相信都没

有问题，最后打开命令行终端，使用node -v测试一下，如果看到了版本号，说明安装成功，否

则检查一下是否安装成功或是环境变量的配置，还有一个需要注意的是要将npm镜像设置到国

内淘宝站点，以加速下载，在这里推荐一个小工具nrm来方便切换镜像源.打开终端工具，使用

如下命令进行安装：

 npm install nrm -g

安装完成之后，使用nrm ls命令调出镜像源列表，默认如下:

使用命令nrm use taobao切换到淘宝站点，切换后如下:

Yarn的安装

Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载，因此一定要下载.

 npm install yarn -g   // 使用npm全局安装yarn

安装完成之后使用命令yarn -v来检测是否安装成功，如果看到版本号，说明安装成功.

JDK的安装与配置

Java SE Development Kit(JDK)的下载与安装

安卓系统的APP离不开JAVA环境，因此需要下载安装JDK(1.8版本)。

到https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html网站下载JDK

单击下载之后，会跳转到一个Oracler的登陆页面，得登陆之后才可以下载，如果没有账号

可以注册一个，也是比较简单，在这里不表。下载完成之后，以管理身份进行l默认安装，下一

步下一步，直到完成，此步截图略.

JDK的环境变量配置

1.右键我的电脑，点属性

2.然后单击高级系统设置，在弹出来的对话框中单击高级，再单击环境变量

3.在弹出来的对话框中设置如下

4.然后在系统变量中找到path项单击，然后再单击下面的编辑，在弹出框中设置如下

5.到此JDK的环境变量设置完毕，可以再次打开命令行终端，使用命令java与javac检测一

下是否设置成功，出现如下参数内容表示设置成功，由于参数太多，在此只截取一小部分展示.

Android SDK的下载与安装

RN的官网是要先下载和安装Android Studio，再去安装设置Android SDK，但是下载的

软件体量太大，而且还需要翻墙，比较麻烦，我们可以直接下载Android SDK并进行必要配置

即可，比官网要简单一些。

1.首先打开网站https://www.androiddevtools.cn/，然后一直向下拉，找到SDK Tools进

行下载，如下图所示：

2.以管理员身份安装此软件，设置允许使用此计算机的所有人选项，其它一路默认到底，直

到安装完成.切记，切记，切记，重要的事情说三遍，一定记着Android SDK的安装路径，后面

会打开这个管理器下载东西。

Android SDK的下载项

1.根据RN中文网的描述，编译React Native应用需要的是Android 9版本的SDK，还需要

各种组件，为了当前以及后期的稳定，总结起来，总共需要下载:

Android SDK Tools 25.2.5
Android SDK Platform-tools 29.0.5
Android SDK Build-tools 29
Android SDK Build-tools 28.0.3
Android SDK Build-tools 28.0.2
Android SDK Build-tools 28.0.1
Android SDK Build-tools 28
Android SDK Build-tools 27
SDK Platform 29
Intel x86 Atom System Image 29
SDK Platform 28
Intel x86 Atom System Image 28
SDK Platform 27
2.接下来，打开SDK Manager.exe我把截图放在这，照此截图依次下载以上SDK及组件。

3.此下载的过程取决于自家的网速了，不过一般都会成功的，耐心等待安装完成即可。

Android环境变量设置

1.右键选中此电脑点属性，再点高级，再点环境变量，然后设置如下

2.到此，安卓的环境变量配置完成

React-Native-Cli安装

1.安装

React-Native-Cli 是一款命令行工具, 用于 React-Native 项目的创建、初始化、更新、运行与

打包在命令行终端中输入如下命令进行安装

 npm install react-native-cli -g

2.测试 使用命令react-native -v来测试是否安装成功，出现版本号即说明安装成功.

打包APP到手机

1.准备一台 Android 手机, 通过数据线连接到电脑，设置启用USB调试

2.如果没有安卓手机，可以使用安卓模拟器也可以，推荐使用夜神模拟器，自行百度下载安

装，在此不做过度表述。

3.一般的手机在设置中可以直接找到开发者选项进行开启, 如果找不到, 就自行百度查一下

4.手机连接电脑成功后运行检测命令 adb devices , 如果有输出设备列表与 ID 相关的字

符串就证明手机和电脑是连接成功了，如果没有显示设备号，则说明连接有问题，一定要保证

手机和电脑是正常连接状态.

5.运行 react-native init 项目名称 命令初始化一个 React-Native 项目, 创建时需要联网

下载依赖包, 可能比较慢，取决于各自的网速，一定要耐心等待，如果出错了，则重新运行命

令再次初始化即可，例如：

 react-native init myApp

6.使用cd myApp命令进行此项目文件夹，确保手机和电脑连接正常的情况下，然后再输入

命令adb devices来检测一下手机是否正常连接，然后再使用命令react-native run-android将

APP打包到手机上

7.手机上出现如下画面，说明打包成功.

8.如果安卓系统版本过低，出现红屏报错，则可使用此网址的解决方案，此方案的设置对

高版本的安卓系统没有影响，尽量使用高版本的安卓系统吧.RN的解决方案是比较多的，出现任

何问题，几乎百度都可以搞定的，下面链接是一个解决方案，按此设置后重新打包后即可解决.

https://blog.csdn.net/weixin_41891519/article/details/104050003

RN调试

使用Chrome 浏览器访问

可 Reload app

可 console.log() 打印数据，

进行测试 http://localhost:8081/debugger-u