简介

MiniDev Studio 是一款基于 OpenSumi 框架构建的桌面 IDE，专为小程序开发而生。

核心特性

特性	说明
小程序模拟器	内置设备模拟器，支持 Vue / React 双框架实时预览
调试面板	Bridge 日志、网络请求、Storage 数据一览
项目创建向导	从模板创建项目，自动配置 AppID 与目录结构
发布前检查	安全规范、代码审查、类型检查、产物体积分析
VS Code 兼容	基于 OpenSumi，支持 VS Code 扩展生态

技术栈

Electron 30 + OpenSumi 3.8 + React 18 + TypeScript 5.5 + Webpack 5

• 构建工具：Webpack 5（IDE 主体）+ Vite 6（模拟器编译器）
• 包管理：Yarn 1.x
• 测试：Vitest（SDK 单元测试）+ Playwright（E2E 测试）
• UI 框架：React 18 + MobX + Less CSS Modules

产品标识

字段	值
产品名称	MiniDev Studio
应用标识	minidev-studio
URL Scheme	minidev-studio://
Bundle ID	com.woodare.minidev-studio
数据目录	~/.minidev-studio

面向谁？

本文档面向 使用 MiniDev Studio IDE 产物 的开发者，帮助你：

1. 了解 mini-sdk（woo 对象）的全部 API
2. 掌握小程序项目的创建、开发、调试与发布流程
3. 理解 Bridge 通信协议与模拟器运行原理
4. 学习 UI 组件（Shell / NavBar / TabBar / 弹窗等）的使用方式