React Native环境配置并运行

一、jdk安装和环境配置

1、现在jdk并安装，下载地址：

http://www.oracle.com/technetwork/java/javase/downloads/index.html

Jdk的安装就是常规的软件安装，这里不做过多介绍，注意要安装两个软件jdk和jre

2、环境变量的配置，首先是classpath的配置，需要配置两：

 


这里的路径是刚才安装的jdk对于的路径，其次是path的配置：

 


二、Android sdk的安装和环境配置

下载sdk，大家可以自行去下载并安装，我这里提供一个下好的可以直接用的

https://pan.baidu.com/s/1mit7dZa 

环境变量的配置，首先是path的配置如下：

 


这里的路径是sdk安装的路径，其次是ANDROID_HOME配置如下：

 


三、Node.js安装和必须包的安装

这个安装时最简单的，在node官网下载并按照常规软件安装即可，node安装好后需要安装一些生产react-native的工具：react-native-cli，命令如下：

npm install react-native-cli

四、利用react-native-cli生产项目文件

在你希望创建项目的目录下运行命令：react-native-cli init
项目的名称，即可生产项目了

五、在真机上运行

这时我们插上手机并将手机调到开发模式运行项目：react-native run-android

此时可能回报错，这就看人品了，如果有错可以留言大家一起探讨，如果没错恭喜你！在运行之前需要做几个调整：

如果生产的项目目录下有个.idea的文件夹，建议删除

首次运行会很慢而且要下载gradle很久，这里大家可以自行下载好对应版本放到某个盘中，拷贝好路径修改到如下文件中：

 


在android目录下新增文件local.properties并加入一下代码：

 


此处的路径是android sdk的路径

最后才是运行，此处如果是小米的手机可能会出现空白页，需要设置系统中找到安装刚才的app的权限设置，要允许显示悬浮窗，在运行会出现一片红，这时需要摇晃手机进入DevSettings设置，选择debug
server host & port for device，填写自己电脑的ip地址并添加端口为：8081即可，到此如果运气好就可以看到一个welcome出来了。

以后再每次开发的时候，只需要连接手机，在cmd下运行下面的命令，然后打开手机上的app摇一摇reload即可

npm start