react native安装步骤

1.安装python和node.js,直接去官网下载安装包

2.设置淘宝镜像源

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

3.下载Java Development Kit [JDK] 1.8，点击下面圆点后，下载对应系统，网址

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

• jdk是java的运行环境，可以安装到任意目录，这里安装到e盘，在e盘下创建android目录如下

• 在当前目录下，创建java目录，并分别创建子目录 jdk 和 jre

• 点击jdk-8u101-windows-x64.exe安装到android/java/jdk中，jre安装到android/java/jre中
  

• 配置java环境变量

• 在系统变量中，找到path变量，添加jdk和jre环境变量

在 cmd 窗口中，输入 java -version测试，

在cmd窗口中，输入javac -version测试

4.下载android, 网址：http://developer.android.com/sdk/index.html，勾选一下几个安装

5.安装系统环境变量

• ANDROID_HOME环境变量#

确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建

具体的路径可能和下图不一致，请自行确认。

你需要关闭现有的命令符提示窗口然后重新打开，这样新的环境变量才能生效。

• 将Android SDK的Tools目录添加到PATH变量中

你可以把Android SDK的tools和platform-tools目录添加到PATH变量中，以便在终端中运行一些Android工具，例如android avd或是adb logcat等。

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 选中PATH -> 双击进行编辑

注意你的具体路径可能和下图不同

在cmd窗口中，使用adb 命令测试

6.初始化项目，文件名不要有中文

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

usb连接手机，打开开发者模式，在cmd窗口中，使用adb devieces 查看 连接情况

手机会自动安装。第一次通常会报红屏错误。

如果遇到这个错误，操作如下：

确保手机和电脑在同一个wifi中，

摇一摇手机，点击Dev Settings，如图：

点击debug server host& port for device，如图：

 

设置如下：其中， ip为电脑的ip，使用ipconfig查看即可。

确认，返回，摇一摇，Reload js，如图：

看到这个画面，恭喜您，第一个app已经诞生了。