MBFE Develop Helper

满帮大前端开发助手，为前端开发者提供移动端 H5 开发、API 管理和调试的完整解决方案。

✨ 核心功能

🚀 一键 Mock 调试

• 客户端 Mock：在日志管理面板中直接修改 API 响应数据
• Bridge Mock：模拟位置变化等原生桥接功能
• 实时 Mock：启用临时 Mock 开关，即时更新数据
• 服务隔离：本地 Mock 服务器避免团队成员间的冲突

📝 自动代码生成

• API 类型：根据接口规范自动生成 TypeScript 接口定义
• Mock 数据：基于类型定义一键生成 Mock 数据
• 实时同步：保持前端类型与后端 API 同步
• 告别手写：消除容易出错的手动接口编码

📊 日志管理面板

• 接口监控：实时查看所有 API 请求/响应数据
• 控制台日志：捕获并执行临时控制台方法
• Bridge 调用：监控原生桥接交互
• 移动端调试：在桌面端远程调试移动端 H5 应用

🔍 智能日志搜索

• Hubble 集成：使用自定义条件查询 Hubble 日志
• 条件筛选：使用自定义逻辑查找特定日志条目
• 高效挖掘：智能搜索消除手动日志浏览

🚀 快速开始

安装方法

1. 从 VSCode 扩展商店安装本插件
2. 打开满帮前端项目
3. 插件会自动激活并在侧边栏提供操作面板

系统要求

• VSCode 1.60.0 或更高版本
• Node.js（用于本地 Mock 服务器功能）
• 安装满帮 eruda 插件的移动设备

📱 快速设置指南

Mock 调试设置

1. 移动端配置：在测试环境中打开 eruda 调试器，输入电脑的 IP 地址
2. 桌面端插件：安装本插件并导航到接口详情，启用本地 Mock
3. 实时 Mock：访问日志管理面板，切换临时 Mock 开关

代码生成工作流

1. 新接口集成：为新的 API 端点一键生成代码
2. 代码更新：跳转到 API 文档并无缝更新代码

日志管理

1. 移动端设置：在 eruda 中启用 Mock 调试和日志查看
2. 桌面端界面：点击日志管理按钮打开控制面板

Hubble 日志搜索

输入条件逻辑，高效筛选和查找特定日志条目：

🛠 技术特性

• 本地 Mock 服务器：3354 端口的隔离测试环境
• 实时调试：基于 WebSocket 与移动设备通信
• TypeScript 集成：自动生成类型定义和接口
• 跨平台支持：支持微前端和独立 H5 项目
• 零配置启动：与满帮开发工作流开箱即用

📝 开源许可

MIT License - 详情请查看 LICENSE 文件

🤝 贡献指南

本插件专为满帮前端开发工作流设计。如有问题或功能建议，请联系满帮前端团队。