参考资料:

1
2
3
官方github https://github.com/facebook/react-native
React-Native 中文网站 http://reactnative.cn

1 Java 运行环境安装及配置

1.1 下载 Java JDK

1
链接: http://www.oracle.com/technetwork/java/javase/overview/index.html

1.2 安装及配置

JDK 安装完成后,鼠标右键 我的电脑–> 属性 –> 高级系统设置 –> 环境变量 选中 系统变量Path 在 变量值后面增加 JDK 功能路径
例如:C:\Program Files\Java\jdk1.8.0_91\bin
然后 新建一个变量名 JAVA_HOME 变量值输入 C:\Program Files\Java\jdk1.8.0_91 (JDK 安装路径)

1.3 测试

在 windows 电脑命令提示符中输入 java 或 java -version 可以看到 JDK 的描述信息说明安装成功。

2 Android SDK 安装及配置

2.1 下载

1
2
3
链接:http://www.androiddevtools.cn/
说明:建议下载 installer_r24.4.1-windows.exe

2.2 安装及配置

Andorid SDK 安装完成之后,仿照 Java JDK 配置,新建一个 ANDROID_HOME 变量值输入 Android SDK 的安装路径,例如:D:\Program Files\android-sdk

2.3 更新

如果安装完成之后 Andorid SDK Manger 窗口没有打开,自己可以去安装目录下
打开,然后安装指定的包。

1
2
3
4
5
6
7
8
9
10
Tools
Android SDK Tools
Android SDK Platform-tools
Android SDK Build-tools 23.0.1 (指定版本)
Andorid 6.0 (API 23)
SDK Platform
Intel x86 Atom_64 System Image
Intel x86 Atom System Image
Extras
Andorid Support Repository (或 Local Maven repository for Support Libraries)

说明:因为可以直接将别人安装后的压缩包解压放在指定目录,然后添加到环境变
量中就可以用,所以不推荐自己直接下载和安装包,原因是 Android SDK 的源在国
外如果不使用代理那么下载和安装以及更新会特别慢。

3 Genymotion 安装及配置

3.1 下载

1
2
链接: https://www.genymotion.com/pricing-and-licensing/
说明: 选择 BASIC 版本,该版本对个人免费开放,下载前需要注册帐号,在后面项目开放中也需要帐号,所以建议每个人都注册一个帐号。

3.2 安装及配置

软件安装完之后创建一个 虚拟设备(前提已安装 VirtualBox),然后自己根据情况创建一个设备,后面就会出现下载的界面,等待下载完成。

4 运行环境安装

以官方提供的 Demo 项目为例:

参考链接:http://bbs.reactnative.cn/topic/11//11

下载链接:http://pan.baidu.com/s/1i5HEUgt 解压密码:reactnative.cn

1
2
3
4
5
打开 Genymotion 并启动 设备
然后进入解压后的目录,执行下面代码
npm install -g react-native-cli
react-native run-android
最后可以看到 虚拟设备上面显示 Welcome to React Native! 至此,Android 在 windows 开放环境已经完成配置完成。