准备工作

下载必备软件
软件列表
- Python
  地址：https://www.python.org/downloads/
- Node.js
  地址：https://nodejs.org/en/（下载LTS版本）
- Java Development Kit（JDK）
  地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
- Gradle
  地址：https://downloads.gradle.org/distributions/gradle-2.4-all.zip
- Android Studio
  地址：http://developer.android.com/

以上所有软件百度网盘下载地址：http://pan.baidu.com/s/1nvjkaAP

安装软件

安装以下软件

Python
Node.js
JDK

以上三个软件，请按照默认路径安装

调试虚拟机

请最后再安装
Android Studio

安装完成后
打开Android Studio

请点击如下图第二项，并选择“OK”按钮
![Uploading 4_194039.png …]

初始化工作区

之后会弹出报错窗口，点击报错窗口的“Cancel”

之后会弹出报错窗口

在弹出的新界面当中，点击“Next”按钮

弹出欢迎界面

先点击“Custom”，接着点击“Next”

4.png

全部勾上所有按钮，再点击“Next”

勾上所有选项

出现该窗口时，请记录Android SDK Location

请务必记下该路径

点击Next

点击“Finish”按钮

点击Finish

在新的界面点击“Configure”

点击Configure

在下拉菜单当中选择“SDK Manager”

点击SDK Manager

按照箭头所示，点击该处

点击红圈的地方

选择“Android6.0(API23)”的下拉列表，勾选图中所示

Android6.0(API23)

勾选“Tools”下方所有图中所示的包，请注意一直勾选到21.1.2，下方Android7.1.1（API25）的所有勾选请取消，变为不勾选

勾选对应的安装包

点击右下方的“Install”按钮

点击安装

在弹出的窗口中点击“Accept License”选项

接受协议

最后点击“Install”按钮

点击安装

安装完成后，关闭窗口，点击圆圈所示的位置，新建新项目

新建项目

默认信息不要动，点击“Next”

进入下一步

默认信息不要动，点击“Next”

进入下一步

点击如图所示的圆圈处，在点击“Finish”

新建空白项目

完成创建

点击右上方的手机图标

点击，新建虚拟机

新建虚拟机

按照如图所示的参数，选择默认选项的配置手机，之后确认无误后，点击”Next”

确认虚拟手机配置

按照如图所示的配置，选择虚拟手机操作系统，并且点击下一步

选择操作系统

下一步

点击“Finish”完成配置

完成

再次点击手机按钮

手机按钮

点击“Install Haxm”

Install Haxm

跟随系统默认配置，无需更改，点击“Next”

29.png

如弹出windows授权命令框，请允许其运行

如下图所示，安装完成，点击“Finish”

完成

点击如图所示区域，启动虚拟机

点击启动

如果提示需要在主板当中打开Intel Virtualization Technology
请自行百度Intel Virtualization Technology开启方法

打开完成后，即可看到如图所示虚拟机

虚拟机

设置ANDROID_HOME变量

将刚刚开启的虚拟机放在后台，最小化，等待稍后调用

打开我的电脑，win10下，右键点击“此电脑”
其他系统右键点击“我的电脑”
在弹出的菜单中选中“属性”
点击后出现如下窗口，点击“高级系统设置”

高级系统设置

如下选择“环境变量”

环境变量

在弹出的窗口中，点击如图位置的新建

新建

在变量名中输入“ANDROID_HOME”
在变量值当中，输入之前记录的Android SDK Location

56.png

完成后点击确定，如下两个窗口依次点击确定

第一个窗口

第二个窗口

初始化React Native

在windows8、8.1、10系统下，同时按住”win+x”组合键，再按下”A”键，即可弹出如下命令窗

命令窗

在windows7系统下，同时按住”win+r”组合键，弹出如下窗口
在“打开”旁边的输入框中输入“cmd”，然后按下确定

运行窗口

即可弹出如下命令框

命令窗

在弹出的命令框当中输入以下指令，回车
npm config set registry https://registry.npm.taobao.org --global
输入完成后，回车，输入下一条指令
npm config set disturl https://npm.taobao.org/dist --global

效果

以上指令的目的是在于将npm下载的地址转为国内的地址，加快下载速度，至于npm是什么有兴趣的同学，可以自行百度，与你们之前下载的node.js有关

设置完地址后，接下来需要安装react-native-cli，在命令行当中输入如下指令，回车：
npm install -g react-native-cli

安装react-native-cli

如图显示，安装成功

安装成功

注意：
react-native-cli是一个终端命令，它可以完成其余的设置工作。它可以通过npm安装。刚才这条命令会往你的终端安装一个叫做react-native
的命令。这个安装过程你只需要进行一次。

大家注意我们目前的命令窗口，圆圈处的部分，该部分为当前路径

38.png

举个栗子，就像你开了一个文件窗口，路径如下
与其性质是一样的

普通windows窗口

那么我们不想把文件放在这里，怎么办？？那就切换路径，和大家平时切换硬盘存文件是一个道理，在命令行中输入如下指令，回车
d:

进入D盘

你会发现你的前面路径已经变为D盘了
同样的，如果你想换成E、F、G盘都没问题，换一下“d:”就可以了

接着，初始化一个react-native项目，在命令行中输入如下指令，回车：
react-native init SampleAppMovies
这个命令会初始化一个工程、下载React Native的所有源代码和依赖包

出现如下字样时，请耐心等待

安装中，请等待

显示如下字样时，证明已经安装完成

42.png

请注意命令行当中的提示

To run your app on iOS:
cd C:\SampleAppMovies
react-native run-ios
- or -
Open C:\SampleAppMovies\ios\SampleAppMovies.xcodeproj in Xcode
Hit the Run button
To run your app on Android:
Have an Android emulator running (quickest way to get started), or a device connected
cd C:\SampleAppMovies
react-native run-android

该提示当中已经说明如何在Android当中运行React Native

先开启虚拟机后，再在命令行当中输入
cd C:\SampleAppMovies
切换至对应的文件夹