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

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

18.png


前言


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


下载安装 HBuilderX


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


17.png


下载安装安卓模拟器


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


16.png


使用模拟器运行项目代码


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


15.png


会弹出这样一个弹窗:


14.png


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


13.png


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


使用模拟器调试项目代码


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


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


12.png


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


11.png


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


总结


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


学习有趣的知识,结识有趣的朋友,塑造有趣的灵魂!




相关文章
|
6月前
|
JavaScript Java 测试技术
『App自动化测试之Appium基础篇』| 从定义、原理、环境搭建、安装问题排查等深入了解Appium
『App自动化测试之Appium基础篇』| 从定义、原理、环境搭建、安装问题排查等深入了解Appium
2924 0
|
1月前
|
移动开发 前端开发 安全
uni-app跨域调试你学会了没
uni-app跨域调试你学会了没
54 0
|
3月前
|
域名解析 网络协议 网络安全
【App Service】遇见本地访问Azure App Service应用慢或者是调用第三方接口慢的调试小工具
【App Service】遇见本地访问Azure App Service应用慢或者是调用第三方接口慢的调试小工具
|
6月前
|
开发框架 移动开发 JavaScript
SpringCloud微服务实战——搭建企业级开发框架(四十六):【移动开发】整合uni-app搭建移动端快速开发框架-环境搭建
正如优秀的软件设计一样,uni-app把一些移动端常用的功能做成了独立的服务或者插件,我们在使用的时候只需要选择使用即可。但是在使用这些服务或者插件时一定要区分其提供的各种服务和插件的使用场景,例如其提供的【uni-starter快速开发项目模版】几乎集成了移动端所需的所有基础功能,使用非常方便,但是其许可协议只允许对接其uniCloud的JS开发服务端,不允许对接自己的php、java等其他后台系统。
310 61
|
6月前
|
Web App开发 数据采集 移动开发
开发uniapp过程中对app、微信小程序与h5的webview调试
开发uniapp过程中对app、微信小程序与h5的webview调试
1151 1
|
6月前
|
JavaScript Java 开发工具
Python+Appium2.0的APP自动化环境搭建
Python+Appium2.0的APP自动化环境搭建
927 0
|
数据采集 算法 Java
Crack App | 初试 Unidbg 环境搭建
Crack App | 初试 Unidbg 环境搭建
347 1
|
Web App开发 移动开发
Crack App | 【填坑】某 H5 app 的反调试绕过(Frida 与 Xposed 双版本)
Crack App | 【填坑】某 H5 app 的反调试绕过(Frida 与 Xposed 双版本)
296 0
|
Ubuntu 物联网 Android开发
QT应用编程: 编写低功耗BLE蓝牙调试助手(Android系统APP)
QT应用编程: 编写低功耗BLE蓝牙调试助手(Android系统APP)
1571 0
QT应用编程: 编写低功耗BLE蓝牙调试助手(Android系统APP)
|
Android开发
OPPO手机调试Android Flutter APP时每次都要提示重新安装且不能hot reload
OPPO手机调试Android Flutter APP时每次都要提示重新安装且不能hot reload
下一篇
无影云桌面