别光用模拟器打游戏了,开发也是事半功倍

前言

近一段时间,由于项目的需要,需要使用React Native进行开发,所以也是开始看官方的文档。在实验demo的过程中感觉到几点麻烦的地方。

  1. 手机要一直连接着电脑,那我没有数据线呢。(万一老板觉得我玩手机呢!!)
  2. 使用expo创建项目可以达到不用数据线,但是React Native创建的项目又比expo项目来的灵活。
  3. 使用Android Studio虚拟机,体验感不是很好。
  4. 设备数量问题,公司提供的设备没有办法达到开发每人一个,(我可没有平板)。
  5. 使用网页看效果,有些不兼容。

使用到目前为止,这是我感受到的一些问题。在当我看到官网上的一句话的时候,我瞬间就清醒了。

我怎么就没有想到其他模拟器呢,又不是只有Android Studio可以使用。刚好我有模拟器,用来玩游戏的。我试了一下,感觉好极了,极致的开发体验。

正文

下载模拟器

我只有使用过一个模拟器,网易的MuMu模拟器。

下载地址 :MuMu模拟器官网_安卓12模拟器_网易手游模拟器 (163.com)

如何在模拟器中安装应用,我是在里面安装了一个华为应用市场。

文档地址:如何安装(华为/B站等渠道)的游戏_MuMu模拟器_安卓模拟器 (163.com)

效果图

如何连接模拟器

ADB工具下载

这里要用到一个工具ADB(全称Android Debug Bridge,中文名:安卓调试桥),是一个用于连接和控制Android设备的命令行工具。它允许开发者在设备或模拟器上执行各种操作。

如果是按照React Native官网配置的环境,那么就已经安装完了直接终端可以看到版本。

如果没有的话

解压后再将ADB的存放路径添加进系统变量的path中。

链接模拟器

如果是用手机数据线连接了电脑(手机开启开发者模式和启用USB调试)。在终端输入adb devices(列出所有连接的设备),就可以看到连接的手机。

ADB有提供连接模拟器的命令。模拟器只有在连接之后才会在adb devices的列表中显示。需要两个参数模拟器ip地址和ADB调试端口

ruby 复制代码
adb connect <device-ip-address>:<port>

如何查看MuMu模拟器的ADB调试端口

连接之后就可以看到模拟器在连接设备中出现了。

之后,你就可以像使用手机那样启动项目了,进行开发了。(启动项目前要保证模拟器打开和ADB连接

模拟移动设备的键盘

如果还想更完善一点,你可以在模拟器中下载一个输入法,并且设置为默认输入法,就可以了。

结尾

感兴趣的可以去试试

相关推荐
Justinc.4 分钟前
CSS3新增边框属性(五)
前端·css·css3
neter.asia20 分钟前
vue中如何关闭eslint检测?
前端·javascript·vue.js
~甲壳虫20 分钟前
说说webpack中常见的Plugin?解决了什么问题?
前端·webpack·node.js
光影少年40 分钟前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
As977_41 分钟前
前端学习Day12 CSS盒子的定位(相对定位篇“附练习”)
前端·css·学习
susu108301891143 分钟前
vue3 css的样式如果background没有,如何覆盖有background的样式
前端·css
Ocean☾44 分钟前
前端基础-html-注册界面
前端·算法·html
Dragon Wu1 小时前
前端 Canvas 绘画 总结
前端
CodeToGym1 小时前
Webpack性能优化指南:从构建到部署的全方位策略
前端·webpack·性能优化
~甲壳虫1 小时前
说说webpack中常见的Loader?解决了什么问题?
前端·webpack·node.js