react-native上手之环境搭建及连接模拟器 - Diamond_xx

react

react-native上手之环境搭建及连接模拟器

使用react-native创建应用app,环境搭建很重要。我使用的是夜神模拟器进行模拟。

环境搭建

1.安装java jdk

    (1)官网下载java jdk安装包,傻瓜式安装,下一步 下一步

 (2)配置环境变量

  1. 修改环境变量,新增JAVA_HOME的系统环境变量,值为C:\Program Files (x86)\Java\jdk1.8.0_112,也就是安装JDK的根目录
  2. 修改系统环境变量Path,在Path之后新增%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
  3. 新建系统环境变量CLASSPATH,值为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
  4. 保存所有的系统环境变量,同时退出系统环境变量配置窗口,
  5. 重启电脑
  6. 然后运行cmd命令行工具,输入java  -version,就表示配置成功!

2. 安装Node.js环境

  注意:需要安装最新的长期稳定版本,不要实验版本;安装完毕之后的node.js会自动配置到全局系统环境变量中 安装完毕后,可以输入node -v查看node版本号;

3. 安装C++环境

  大多数情况下操作系统自带C++环境,不需要手动安装C++环境; 如果运行报错,则需要手动安装visual studio中的C++环境;

4. 安装Git环境

  Git安装完毕后,会自动配置到系统环境变量中; 可以通过运行git --version来检查是否正确安装和配置了Git的环境变量;

5. 安装Python环境

  1. 注意:安装Python时候,只能安装2.×的版本,注意勾选安装界面上的Add Python to path,这样才能自动将Python安装到系统环境变量中;
  2. 安装完毕之后,可以在命令行中运行python,检查是否成功安装了python。

6. 安装安卓环境

  1.官网下载安卓android-studio-ide-183.5692245-windows并安装,打开bin目录下的studio.exe,双击运行安装android studio

  2.配置环境变量

  1. 修改环境变量,新增ANDROID_HOME的系统环境变量,值为D:\develop\android_studio,也就是安装sdk的根目录
  2. 修改系统环境变量Path,在Path之后新增%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
  3. 修改系统环境变量Path,在Path之后新增D:\develop\android_studio\platform-tools(android studio所安装目录,adb.exe 所在文件夹)

  或者直接将D:\develop\android_studio\platform-tools 文件夹下面的三个文件直接复制到c盘

 

 7.使用夜神模拟器连接react native项目

  1.打开命令行连接模拟器

    连接夜神模拟器
    adb.exe connect 127.0.0.1:62001  (夜神的端口号)
    返回
    connected to 127.0.0.1:62001 说明 连接成功!!!!

  2.运行项目

  react-native run-android

  可能会报错:

1. 关于android  sdk  某些包没有安装 =》 我的解决办法就是打开android studio 新建一个项目并运行连接模拟器判断是哪里的问题,中间可能会提醒某些包需要安装,同意安装即可。

2.网络不好的情况下,也有可能启动不成功

 

 说明项目运行成功,直接在模拟器上查看运行效果

点击模拟器上边摇一摇,配置ip地址



输入是输入ip 和端口号

到这里就结束了
再点击模拟器的摇一摇

 

修改代码之后,摇一摇,点击reload,即可看到修改的效果。

 

 

模拟器名称                        端口号
-------------------------------------
逍遥游                                 21503
夜神模拟器                          62001 
海马玩模拟器                      26944 
网易mumu模拟器               7555 
天天模拟器                         6555
BlueStacks                          5555
雷电安卓模拟器                 5555
天天安卓模拟器                 5037
安卓模拟器大师                 54001
Genymotion                      5555
======================
连接命令: adb.exe connect 127.0.0.1:21503
=====================
其他:

adb.exe devices(查看设备连接情况)
adb kill-server
adb start-server
adb remount 

netstat 这个命令也能获得端口号
netstat |findstr 127.0.0.1(用这个直接输出需要的几行)
常用adb操作
1、如何把电脑上的文件或文件夹传到模拟器里面?
adb push D:/1.avi /mnt/avi/

2、如何把模拟器里面的文件或文件夹传到电脑上?
adb pull /mnt/avi/sex.avi D:/avi/

3、安装APK
adb install d:\\qq.apk

4、卸载APK
adb uninstall 包名
比如卸载QQ:adb uninstall com.tencent.mobileqq

5、PM包命令
1)获取模拟器所有包名
adb shell pm list packages

2)获取模拟器所有包名并且包括APK路径
adb shell pm list packages -f

3)获取包名对应的APK路径
adb shell pm path packageName

4)清理应用数据
adb shell pm clear packageName

6、启动应用
adb shell am start -n 包名/Activity类名

例子:启动应用宝:
adb shell am start -n com.tencent.android.qqdownloader/com.tencent.assistant.activity.SplashActivity

指定模拟器启动动应用宝:
adb -s 127.0.0.1:5555 shell am start -n com.tencent.android.qqdownloader/com.tencent.assistant.activity.SplashActivity

7、关闭应用
adb shell am force-stop 包名

8、模拟输入
adb shell input text 字符串(不支持中文)

9、模拟按键
adb shell input keyevent 键值

10、模拟鼠标点击
adb shell input tap X Y

11、模拟鼠标滑动
adb shell input swipe X1 Y1 X2 Y2

12、截屏
adb shell screencap -p /sdcard/screencap.png

以上是 react-native上手之环境搭建及连接模拟器 - Diamond_xx 的全部内容, 来源链接: utcz.com/z/384413.html

回到顶部