MiniX自绘渲染跨平台框架
  • 框架说明
  • 声明式开发范式
  • 内置Api
指南
接口
  • Minix CLI
示例
  • 类Web框架

    • 框架说明
    • 类Web开发范式
    • 内置Api
  • 指南
  • 组件
  • 接口
  • 示例
  • 规范
  • DophinHybrid

    • 快速上手 (opens new window)
    • UI 组件库 (opens new window)
    • jsBridge 接口 (opens new window)
  • DolphinWeex

    • 快速上手 (opens new window)
    • UI 组件库 (opens new window)
    • jsBridge 接口 (opens new window)
  • 发布消息
  • 常见问题
  • 更新日志
  • 框架说明
  • 声明式开发范式
  • 内置Api
指南
接口
  • Minix CLI
示例
  • 类Web框架

    • 框架说明
    • 类Web开发范式
    • 内置Api
  • 指南
  • 组件
  • 接口
  • 示例
  • 规范
  • DophinHybrid

    • 快速上手 (opens new window)
    • UI 组件库 (opens new window)
    • jsBridge 接口 (opens new window)
  • DolphinWeex

    • 快速上手 (opens new window)
    • UI 组件库 (opens new window)
    • jsBridge 接口 (opens new window)
  • 发布消息
  • 常见问题
  • 更新日志
  • 导航
  • 快速上手

    • 搭建开发环境
    • 创建并运行工程
    • 目录规范
    • app 配置说明
    • 本地调试
    • mconsole真机调试
    • 断点调试
      • vscode语法工具

    # 下载安装调试工具:minix-devtools

    Alt text

    # 设置js断点

    Alt text

    # 开始断点调试

    • 在项目根目录上点击,vscode左侧的调试按钮,然后点击调试。如下图 Alt text
      • 如果有提示,点debug anyway Alt text

    # 扫码进行调试

    • 默认的浏览器会自动出现二维码 Alt text
    • 手机扫码,然后操作项目中的某些界面,vscode就会有相应的断点被触发 Alt text

    # debug区域

    左边是查看压栈情况,小浮窗是断点操作工具,鼠标移动到对应的变量会有相应的提示,右下部分区域是console的输出 ,建议使用app log这个关键词过滤,这是前端的所有日志过滤关键词 Alt text