黄沙百战穿金甲,不破楼兰终不还。这篇文章主要讲述#yyds干货盘点# uni-app 模拟机调试环境搭建相关的知识,希望能为你提供帮助。
文章图片
前言最近接手了一份使用 uni-app 进行开发的工作,今天才有时间正式开始,在这里记录一下使用 HBuilderX 进行 uni-app 开发的调试环境搭建过程。
下载安装 HBuilderX进入 HbuilderX 官网 选择你需要的版本进行下载安装,我这里选的是 App 开发版。
文章图片
下载安装安卓模拟器我使用的是模拟机调试,所以需要安装 android 模拟器。这里我选择的是”网易 MuMu 模拟器”,其下载地址在这里,安装好之后启动模拟器,界面如下图:
文章图片
使用模拟器运行项目代码使用上面安装好的 HbuilderX 打开我们的项目代码,然后按照下图所示步骤选择 Android 模拟器运行项目:
文章图片
会弹出这样一个弹窗:
文章图片
点击弹窗中的链接下载安装微信开发者工具,再按照上上图的步骤运行项目,HbuilderX 终端中显示信息为:
文章图片
在模拟器中查看页面,正常显示。
使用模拟器调试项目代码既然是开发,那就免不了要进行代码调试。
在上一步的基础上,点击 HBuilderX 右下角的 “debug” 图标:
文章图片
如果之前没有安装过 App 调试工具,那就会自动安装调试工具,安装完成后自动运行,其内容如下:
文章图片
然后就可以在调试工具中使用 javascript 的断点调试等功能了。
总结【#yyds干货盘点# uni-app 模拟机调试环境搭建】以上就是使用 HBuilderX 、微信开发者工具和 Android 模拟器进行 ui-app 开发的调试环境搭建步骤。
推荐阅读
- 本着什么原则,才能写出优秀的代码()
- Java NIO Selector 的使用
- 自定义EventSourceEventCounter
- #yyds干货盘点# NPOI在Excel中的简单用法汇总
- # yyds干货盘点 # Python匿名函数lambda x: x-0 and x-1代表的意思是什么...
- #yyds干货盘点# Gradle | allprojects ,根 repositories 区别是什么()
- FFH手把手教你安装Ubuntu到移动介质并设置好UEFI引导
- #yyds干货盘点#Go+ 集合 Collection 教程(4.3)
- K-Pop 粉丝是新的匿名者