概述
前端程序员在使用React Native进行移动APP开发的时候，环境配置是一项基本但是却很
重要的一个工程，官方示例的环境配置有点冗余。本文以比较轻便的方式来详细讲述React
Native的环境配置，此环境配置完成之后，可以适合任何安卓手机，注意是安卓手机，本人测
试安卓系统最低可以支持到4.4版本(三星Galaxy E7),RN中文网推荐安卓系统最好是在4.1以
上，尽量不要用太低版本的手机测试了。
安装环境介绍
操作系统：win10专业版
手机：安卓手机真机一部或夜神模拟器
必须安装的依赖有:Node、JDK、Yarn、Android SDK、Python2(RN官网说需要，我并没安装).
Node的安装
建议先到官网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版本)。
到www.oracle.com/technetwork…网站下载JDK
单击下载之后，会跳转到一个Oracler的登陆页面，得登陆之后才可以下载，如果没有账号
可以注册一个，也是比较简单，在这里不表。下载完成之后，以管理身份进行l默认安装，下一
步下一步，直到完成，此步截图略.
JDK的环境变量配置
1.右键我的电脑，点属性
2.然后单击高级系统设置，在弹出来的对话框中单击高级，再单击环境变量
3.在弹出来的对话框中设置如下
4.然后在系统变量中找到path项单击，然后再单击下面的编辑，在弹出框中设置如下
5.到此JDK的环境变量设置完毕，可以再次打开命令行终端，使用命令java与javac检测一
下是否设置成功，出现如下参数内容表示设置成功，由于参数太多，在此只截取一小部分展示.
Android SDK的下载与安装
RN的官网是要先下载和安装Android Studio，再去安装设置Android SDK，但是下载的
软件体量太大，而且还需要翻墙，比较麻烦，我们可以直接下载Android SDK并进行必要配置
即可，比官网要简单一些。
1.首先打开网站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的解决方案是比较多的，出现任
何问题，几乎百度都可以搞定的，下面链接是一个解决方案，按此设置后重新打包后即可解决.
RN调试
使用Chrome 浏览器访问
可 Reload app
可 console.log() 打印数据，
进行测试 http://localhost:8081/debugger-u
