uni-app 模拟机调试环境搭建

2024-05-21 15:41:20

前言

最近接手了一份使用 uni-app 进行开发的工作，今天才有时间正式开始，在这里记录一下使用 HBuilderX 进行 uni-app 开发的调试环境搭建过程。

下载安装 HBuilderX

进入 HbuilderX 官网选择你需要的版本进行下载安装，我这里选的是 App 开发版。

下载安装安卓模拟器

我使用的是模拟机调试，所以需要安装 Android 模拟器。这里我选择的是”网易 MuMu 模拟器”，其下载地址在这里，安装好之后启动模拟器，界面如下图：

使用模拟器运行项目代码

使用上面安装好的 HbuilderX 打开我们的项目代码，然后按照下图所示步骤选择 Android 模拟器运行项目：

会弹出这样一个弹窗：

点击弹窗中的链接下载安装微信开发者工具，再按照上上图的步骤运行项目，HbuilderX 终端中显示信息为：

在模拟器中查看页面，正常显示。

使用模拟器调试项目代码

既然是开发，那就免不了要进行代码调试。

在上一步的基础上，点击 HBuilderX 右下角的 “debug” 图标：

如果之前没有安装过 App 调试工具，那就会自动安装调试工具，安装完成后自动运行，其内容如下：

然后就可以在调试工具中使用 JavaScript 的断点调试等功能了。

总结

以上就是使用 HBuilderX 、微信开发者工具和 Android 模拟器进行 ui-app 开发的调试环境搭建步骤。

学习有趣的知识，结识有趣的朋友，塑造有趣的灵魂！

大家好，我是〖编程三昧〗的作者 隐逸王，我的公众号是『编程三昧』，欢迎关注，希望大家多多指教！

uni-app 模拟机调试环境搭建相关推荐

mac 内核调试环境搭建
操作系统安装先从 app store 下载下载完后安装程序在应用里打开 vm 新建双击从光盘或映像安装安装安装失败用其它工具安装还可以先在 windows 上的 VM 下先安装好再拷贝 ...
auto.js id为参数滑动_【Autojs教程】02Autojs PC端开发调试环境搭建
[Autojs教程]02-Autojs PC端开发调试环境搭建写在前面本篇教程算是保姆级教程了,希望以此能吸引更多感兴趣的同学学习Autojs,也希望大家能因此碰撞出更多的奇思妙想关注微信公众号 ...
pythonapp自动化_基于python的App UI自动化环境搭建
Android端Ui 自动化环境搭建一,安装JDK.SDK 二,添加环境变量 Widows: 1.系统变量→新建 JAVA_HOME 变量 E:\Java\jdk1.7.0 jdk安装目录 2.系统 ...
Mikrotik路由器(routerOS)调试环境搭建
routerOS 调试环境搭建 1 安装routerOS 1.1 下载routerOS镜像文件略 1.2 安装需要注意的是:选择硬盘类型为IDE,因为routerOS默认情况下未包含SCSI或SA ...
eas java配置_EAS客户端调试环境搭建
客户端调试环境搭建说明适用场景:在现场跟踪问题或者在研发内部跟踪定位测试环境的问题时,开发人员需要快速搭建一个可供调试的环境以供分析问题,以下说明可供开发人员在需要时使用,注意该方式只支持客户端调试 ...
Nacos 简介与本地调试环境搭建
目录 1.简介 2.Nacos架构 3.本地调试环境搭建 3.1 源码下载 3.3 单机启动 Nacos 3.4 集群方式启动:基于文件方式 4.Nacos源码模块介绍 5. 约定说明 1.简介 Na ...
ffmpeg编译gb28181_RTSP/GB28181协议/海康SDK/Ehome协议视频上云网关EasyCVR视频平台在linux环境下ffmpeg源码单步调试环境搭建...
目前TSINGSEE青犀视频研发的视频上云服务平台EasyCVR已经可集成海康EHome私有协议,并且在前文中我也跟大家讲过EHome协议的配置和调用流程,有兴趣的可以阅读一下:配置及协议介绍.Eho ...
线程简介和MySQL调试环境搭建
导读: 本文节选自八怪专栏<深入理解MySQL主从原理32讲>第29节想内容请点击订阅专栏注意:如果正文有图片不清晰可以将图片保存到本地查看(本文建议横屏观看效果更佳) 最后我想简单说 ...
路由器逆向分析------路由器固件分析和动态调试环境搭建简述
本文博客地址:http://blog.csdn.net/qq1084283172/article/details/70140865 01.路由器固件分析和动态调试环境搭建简述的原文 <Emula ...

最新文章

热门文章