共计 632 个字符，预计需要花费 2 分钟才能阅读完成。
前言
最近接手了一份应用 uni-app 进行开发的工作，明天才有工夫正式开始，在这里记录一下应用 HBuilderX 进行 uni-app 开发的调试环境搭建过程。
下载安装 HBuilderX
进入 HbuilderX 官网 抉择你须要的版本进行下载安装，我这里选的是 App 开发版。
下载安装安卓模拟器
我应用的是模拟机调试，所以须要装置 Android 模拟器。这里我抉择的是”网易 MuMu 模拟器”，其下载地址在这里，装置好之后启动模拟器，界面如下图：
应用模拟器运行我的项目代码
应用下面装置好的 HbuilderX 关上咱们的我的项目代码，而后依照下图所示步骤抉择 Android 模拟器运行我的项目：
会弹出这样一个弹窗：
点击弹窗中的链接下载安装微信开发者工具，再依照上上图的步骤运行我的项目，HbuilderX 终端中显示信息为：
在模拟器中查看页面，失常显示。
应用模拟器调试我的项目代码
既然是开发，那就免不了要进行代码调试。
在上一步的根底上，点击 HBuilderX 右下角的“debug”图标：
如果之前没有装置过 App 调试工具，那就会主动装置调试工具，装置实现后主动运行，其内容如下：
而后就能够在调试工具中应用 JavaScript 的断点调试等性能了。
总结
以上就是应用 HBuilderX、微信开发者工具和 Android 模拟器进行 ui-app 开发的调试环境搭建步骤。
学习乏味的常识，结识乏味的敌人，塑造乏味的灵魂！
大家好，我是〖编程三昧〗的作者 隐逸王 ，我的公众号是『编程三昧』，欢送关注，心愿大家多多指教！
正文完
