一、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