2020-6-25如何在HBuilderX中使用模拟器

如何在如何在HBuilderX中使用模拟器

说明：

由于我在工作中经常会用到手机进行调试，会看一下手机端界面的样式等问题。但是手机插在电脑上进行调试，多多少少会带来一些不方便，所以想是否可以通过手机模拟器来代替手机调试的作用。

其实过程很简单，我就将自己所知道的方法以博客的形式记录下来，欢迎各位留言。

准备工作

首先需要准备的有

• 一个模拟器
  • 网址：http://mumu.163.com/
  • 进入网址，点击下载“MuMu模拟器”，安装
  • 这里我是用的是Android模拟器：网易MuMu模拟器
• HBuderX
  • 网址：https://www.dcloud.io/hbuilderx.html
  • 进入网址，点击“DOWNLOAD”,选择Windows下面的“App开发版（283.78M）”，安装。
  • 这里选择开发版本的原因是：开发版里面有现成的adb，在配置的时候需要设置adb的环境变量

操作：

设置adb的环境变量：

1. 找到HBuilderX的安装目录进入adbs文件夹，这个和文件夹内有adb.exe文件（自己安装的目录\HBuilderX\plugins\launcher\tools\adbs）
2. 在Windows的左面上，右键我的电脑，点击“属性”
3. 点击左边的“高级系统设置”
4. 点击有下角处的“环境变量（N）…”
5. 在下半部分的“系统变量”中找到“Path”，选中双击或选中点击“编辑”
6. 点击“新建”，将第一步的路径复制并粘贴到环境变量中
7. 点击“确定”直至自动关闭窗口，退回至第三步的操作界面
8. 按Win+R键输入cmd并回车
9. 在命令框中输入adb version，出现好，就说明环境变量配置成功

打开MuMu模拟器

打开HBuilderX

1. 打开HBuilderX后选中一个项目
2. 完成下面的“连接端口”
3. 在菜单栏中选择“运行”
4. 选中“运行到手机或模拟器（N）”，（如果没有刷出来的，可以多选择两次，前提是端口已连接成功）
5. 就可以正常使用了

连接端口

1. 按Win+R键输入cmd并回车
2. 在命令框中输入adb connect 127.0.0.1:7555 按回车
3. 当出现connected to127.0.0.1:7555的时候，说明连接上端口了
4. 接下来回到HBuilderX界面操作

步骤图