MTL IDE调试详细文档

调试

注意:一旦开始调试,想要切换为其他端的调试,需要在Terminal进行”CTRL+C“操作,终端当前调试。

1.安装插件

安装vscode插件debugger-for-chrome 插件地址

2.启动调试脚本

(1).点击MTL插件,启动任意debug脚本,如图所示:
image.png
(2).当出现如下信息时,说明调试服务已启动:
image.png

3.使用Chrome进行调试

如下图所示:
image.png
(1). 点击调试按钮
(2). 选择调试配置文件点击调试
(3). 查看配置文件launch.json,通过配置文件可以修改启动配置,配置文件在根目录.vsocde/launch.json下
(4).在IDE的代码中打断点,实现单步调试;也可以直接在Chrome中进行调试;
image.png
*注意:调试前应先在TERMINAL中关闭其他进程,例如执行preview脚本启动的本地服务进程

4.高级进阶

由于浏览器无法支持例如相机、扫描二维码这类调用原生能力接口的调用,为方便调试,mtl 支持通过文件配置接口返回模拟数据。
如图所示:
image.png
(1).下载支持调试功能的 mtl.js(下载) 覆盖工程中原有的 mtl.js。
(2).在 mtl.js 同级目录下新建一个 mtl.debug.js 文件,
image.png
(3).修改 mtl.debug.js 配置自己想要的模拟数据。
image.png
(4).在代码中调用对应的api,就可以获取到返回的模拟数据
image.png
说明文档参照

5.其他平台调试

mtl-ide脚本区域是由mtl-cli的封装(属性mtl-cli可自行封装丰富的脚本)
在 script 脚本区 执行对应的脚本

  • 打开mtl script 脚本区
  • 选择要要调试的平台(已Android为例)
  • 点击image.png
    更详细的参阅具体调试文档
    image.png