1.安装nodejs
a.https://nodejs.org/en/download/下载对应的版本
b.安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别!
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
2.安装Android SDK
建议安装Android Studio包含了React Native应用所需的Android SDK,到http://www.androiddevtools.cn/下载Android Studio,提高下载速度
Android Studio 的具体配置参开以下网站:
http://reactnative.cn/docs/0.41/getting-started.html#content
3.安装java
具体配置参考以下:
http://www.runoob.com/java/java-environment-setup.html
4.安装react-native命令行工具
npm install -g react-native-cli
5.创建项目
react-native init MyProject
其他:
1.安装模拟器Genymotion
http://www.genymotion.net/question/details/Info_2.shtml
注意事项
A.安装模拟器Genymotion,下载模拟器包的时候由于国内墙,一直下载安装失败。
以下是处理方法:
方法一:
a、设置HTTP代理,在Setting->Network,自己设置HTTP proxy和Port,
方法二:
a、找到下载链接,直接用迅雷拖下来
遇到下载失败或者下载太慢,win+R打开运行框,输入 %appdata%, 再点击上一步(Alt+↑ ),找到local文件夹里的Genymobile,打开 查看里面的genymotion.log文件,
找到类似下面的文字
[Genymotion] [Debug] Downloading file
“http://files2.genymotion.com/dists/4.1.1/ova/genymotion_vbox86p_4.1.1_151117_133208.ova”
将http://file……..ova 这个虚拟镜像地址直接用迅雷极下载,并把下载好的文件放到如下文件夹中`
C:\用户\你的用户名\AppData\Local\Genymobile\Genymotion\ova
再次打开模拟器添加你上次需要下载安装的模拟器版本,finish完就可以了
B.react-native run-android安卓运行(或模拟器运行)也是由于墙一直无法安装成功(无法安装下载gradle-2.4-all.zip),速度慢,处理方法如下:
a.到http://www.androiddevtools.cn/这里找到gradle-2.4-all.zip下载
b.下载下来之后,不解压,放到以下目录
C:\Users\你的用户名.gradle\wrapper\dists\gradle-2.4-all\6r4uqcc6ovnq6ac6s0txzcpc0
c.重新运行命令:react-native run-android,如果第一步环境配置正确的话就可以正常了
C.真机安装后打开白屏,处理方法
设置->应用程序->打开你的安装的应用->权限->把悬浮球选项打开(on) 重启应用 ok,接着就是摇一摇打开菜单点进去设置设置自己安装app的ip,如:192.168.1.13:8081