使用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

转载于:https://www.cnblogs.com/jcxfighting/p/11214458.html

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

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

    使用react-native创建应用app,环境搭建很重要.我使用的是夜神模拟器进行模拟. 环境搭建 1.安装java jdk (1)官网下载java jdk安装包,傻瓜式安装,下一步 下一步 (2) ...

  2. React Native 一:开发环境搭建

    在学习React Native的过程中,相信对于一个App开发工程师,没有充分的学习过前端开发技术的同学来说,顺利的搭建好开发环境还是比较纠结的. 下面,我就根据我自己学习过程中的总结,跟大家讲解讲解 ...

  3. React Native For Android 环境搭建

    一. 环境搭建 1. JDK更新 http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html 使用最新的 ...

  4. Android之Windows下搭建React Native Android开发环境(差不多搞了一天)

    Android之Windows下搭建React Native Android开发环境               穷逼买不起mac,但是他们都说React Native Android只能在mac下面 ...

  5. zeppelin环境搭建及连接hive使用--简易版一看就会

    zeppelin环境搭建及连接hive使用 一.准备工作 1.zepeelin简介 2.安装包下载 3.环境要求 二.解压安装 三.修改配置文件 1.修改配置文件zeppelin-site.xml 2 ...

  6. 在windows下搭建React Native Android开发环境

    1.登录 React Native 中文网 http://reactnative.cn/docs/0.45/getting-started.html 2.登录 Chocolatey 下载包管理工具 h ...

  7. python安卓版开发环境搭建_React Native Android 开发环境搭建(Windows 版)

    补上之前说的 Windows 系统的 React Native 开发环境搭建,坑还是比 Mac 环境下的多些.此文的受众还是已经搭建过 Android 开发环境的同学. 需要安装的软件 Chocola ...

  8. Python环境搭建与连接SQL Server类MyDBase的实现

    一.开发环境搭建 1.下载所需版本的软件包(点击下载),点击安装即可,注意x86与x64的选择. 2.配置环境:复制python安装目录,粘贴到Path中 3.打开cmd,输入python并回车,看到 ...

  9. React Native项目实战之搭建美团个人中心界面

    在很多app应用型APP中,个人中心往往会单独出一个模块,而对于刚入门React Native的朋友来说,怎么去实现一些静态的页面,并且怎么着手实现,怎么分层,怎么去实现这个架构,我想是很基础的(ps ...

最新文章

  1. 共用体的定义和应用【C++】
  2. c语言getitem函数,该借用和窃取的引用的Python C-API函数
  3. Daily Scrum M2 10-29
  4. alias cli3 配置_vue-cli3全面配置详解
  5. 微软商业智能和分析平台高歌猛进,一骑绝尘,成为当之无愧BI分析平台的领导者
  6. hutol json null值没了_详解Java去除json数据中的null空值问题
  7. java设计模式学习 ----- 单例模式(Singleton)
  8. 二叉树平衡因子应用举例
  9. python 切换环境_python多环境切换及pyenv使用过程详解
  10. 谈谈我在自然语言处理入门的一些个人拙见
  11. 用python股票_十分钟学会用Python交易股票
  12. 手机摄像头改笔记本外接摄像头
  13. 如何用python打开qq_如何用python登录qq
  14. [量子客]4月全球量子计算发展内参
  15. 如何将图片的背景色去掉?怎样快速去除背景色?
  16. 学校项目过程中知识点 Java 2015/9/15 晚
  17. 【日常记录】解决‘GLIBC_2.34‘ not found,并且gcc制定glibc版本编译
  18. 360随身WiFi在没有网络的情况下打开热点
  19. 剑指 Offer 06. 从尾到头打印链表
  20. 背包问题C/C++语言

热门文章

  1. QT Creator快速入门读书笔记:新建HelloWorld工程
  2. C# 使用数据库和MenuStrip动态生成菜单
  3. 学习笔记 --- KF、EKF、IKF、ESIKF 公式推导 --Part 2
  4. 五人分鱼python_Python经典五人分鱼代码实例解析
  5. 我们还有多少时间可以浪费
  6. 如何将HTML转成图片?看这里你就会了!
  7. 用Seafile搭建私有云盘
  8. font-weight bold和bolder区别
  9. 什么是 Kylin (分布式分析引擎)
  10. 美国波音在中国市场颗粒无收全靠美国市场遮羞,空客和中国商飞成赢家