Introduction
MiniDev Studio is a desktop IDE built on the OpenSumi framework, designed for mini program development.
Core features
| Feature | Description |
|---|---|
| Mini program simulator | Built-in device simulator with Vue / React dual-framework live preview |
| Debug panel | Bridge logs, network requests, and Storage at a glance |
| Project creation wizard | Create projects from templates with AppID and directory structure configured automatically |
| Pre-release checks | Security rules, code review, type checking, and bundle size analysis |
| VS Code compatible | Based on OpenSumi; supports the VS Code extension ecosystem |
Tech stack
Electron 30 + OpenSumi 3.8 + React 18 + TypeScript 5.5 + Webpack 5- Build tools: Webpack 5 (IDE) + Vite 6 (simulator compiler)
- Package manager: Yarn 1.x
- Testing: Vitest (SDK unit tests) + Playwright (E2E)
- UI framework: React 18 + MobX + Less CSS modules
Product identifiers
| Field | Value |
|---|---|
| Product name | MiniDev Studio |
| Application ID | minidev-studio |
| URL scheme | minidev-studio:// |
| Bundle ID | com.woodare.minidev-studio |
| Data directory | ~/.minidev-studio |
Who is this for?
This documentation is for developers who use the MiniDev Studio IDE. It will help you to:
- Learn the full
mini-sdk(wooobject) API - Master creating, developing, debugging, and publishing mini program projects
- Understand the Bridge protocol and how the simulator runs
- Learn how to use UI components (Shell / NavBar / TabBar / dialogs, etc.)