React-Native + Genymotion android开发环境搭建

1.解压android-sdk_r24.3.4-windows.zip放到一个空间大的开发盘中

2.添加环境变量,路径时
ANDROID_HOME
D:\Android\android-sdk-windows
PATH
%ANDROID_HOME%\tools
%ANDROID_HOME%\platform-tools
 
3.在cmd中输入android测试是否配置成功
4.安装sdk,双击文件中SDK Manager.exe
勾选安装一系列的工具包

4.安装虚拟机genymotion,在官网中下载后安装,具体流程如下:

(1)选择Personal Use
(2)需要创建账号、创建虚拟机
5.安装node环境和yarn
安装好后配置全局
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global 
 
 yarn config set registry https://registry.npm.taobao.org --global 
 yarn config set disturl https://npm.taobao.org/dist --global
 
6.添加设备
执行 adb device,将虚拟机连接上,如果版本不正确需要匹配版本(platform-tools文件夹)
 
7.安装react-native
npm install -g react-native-cli
 
8.安装node-gyp遇到未装运行库问题
最后发现是node版本太高,安装node 8.11.3搞定
 
启动编译和打包,会在虚拟机中生成apk文件
可执行react-native init appName 生成一个简单项目
react-native run-android 
 
连接手机时,usb连接电脑,然后执行下面命令,找到电脑
adb devices 
 
连接模拟器失败问题:android目录权限不够,需修改,添加Authenticates Users用户。
编译错误问题,需要配置RN签名认证,文件gradle.properties内容如下:
MYAPP_RELEASE_STORE_FILE=xxxxxxxxxxxx
MYAPP_RELEASE_KEY_ALIAS=xxxxxxx
MYAPP_RELEASE_STORE_PASSWORD=xxxxxxxxx
MYAPP_RELEASE_KEY_PASSWORD=xxxxxx
然后将该文件gradle.properties放到用户目录下,例如:C:\Users\wizali\.gradle,重新yarn即可。
 
最后,debug连接不上服务时,看google版本是否支持,升级更新,重启电脑
 
 
 
 

 

猜你喜欢

转载自www.cnblogs.com/jlj9520/p/9239770.html