关于前端:uniapp-模拟机调试环境搭建

4次阅读

共计 632 个字符,预计需要花费 2 分钟才能阅读完成。

前言

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

下载安装 HBuilderX

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

下载安装安卓模拟器

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

应用模拟器运行我的项目代码

应用下面装置好的 HbuilderX 关上咱们的我的项目代码,而后依照下图所示步骤抉择 Android 模拟器运行我的项目:

会弹出这样一个弹窗:

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

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

应用模拟器调试我的项目代码

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

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

如果之前没有装置过 App 调试工具,那就会主动装置调试工具,装置实现后主动运行,其内容如下:

而后就能够在调试工具中应用 JavaScript 的断点调试等性能了。

总结

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

学习乏味的常识,结识乏味的敌人,塑造乏味的灵魂!

大家好,我是〖编程三昧〗的作者 隐逸王 ,我的公众号是『编程三昧』,欢送关注,心愿大家多多指教!

正文完
 0