跳到主要内容
weapp.dev

按生态区选择

weapp 原生工具链、Taro、Vue Mini、Rezor 和 uni-app 分开列出。先选生态,再进对应项目。

6 个项目
工程与构建稳定

weapp-vite

处理依赖、路由、分包和多平台单目标构建。你可以继续写熟悉的页面结构,把构建链路交给它。

适合需要现代 Vite 开发体验、Vue SFC 和多平台构建能力的小程序团队。

运行时Vite · Vue SFC · Wevu

WeChatAlipayDouyinBaiduKuaishouWeb
第一步pnpm add -D weapp-vite
样式系统稳定

weapp-tailwindcss

在现有小程序项目里用 Tailwind 类名。插件负责转换和体积相关约束,不替你改路由或打包流程。

适合需要在微信、支付宝、抖音小程序或跨端框架中复用 Tailwind CSS 工作流的前端团队。

运行时Tailwind CSS · Mini Program

WeChatAlipayDouyinuni-appTaroMpx
第一步pnpm add -D weapp-tailwindcss
样式系统稳定

weapp-pandacss

通过 Panda 生成期插件与 PostCSS 适配器,让生成的 class 与小程序 CSS 选择器保持一致。保留 Panda 的 css、recipes 和 tokens 工作流,也可用于 Web。

适合使用 Panda CSS,希望在 Taro、uni-app 或 weapp-vite + Wevu 中复用样式生成流程的团队。

运行时Panda CSS · PostCSS

WeChatTarouni-appWeb
第一步pnpm add -D @pandacss/dev@2.1.2 @pandacss/preset-base@2.1.2 @pandacss/preset-panda@2.1.2 weapp-pandacss postcss
样式系统测试版

weapp-stylex

沿用官方 StyleX runtime 与样式合并 API,通过构建适配器输出 WXSS。支持原生 Page/Component、Wevu、Taro React / Vue 3 和 uni-app Vue 3;当前范围限微信小程序。

适合希望在微信小程序中使用 StyleX 共享样式、条件合并与主题的原生或跨端团队。

运行时StyleX · WXSS

WeChatTarouni-app
第一步pnpm add weapp-stylex
组件与交付稳定

Varo

Varo 通过 Registry 向 H5 与 Wevu 小程序交付可编辑组件源码、业务 Blocks 与 Agent UI,并保留各端原生渲染。

适合需要在 H5 与小程序之间共享交互语义、组件源码和业务 Blocks 的 Vue 3 团队。

运行时Vue 3 · H5 · weapp-vite

H5WeChatVue 3weapp-viteTailwind CSS
第一步pnpm dlx @varo-ui/cli add --target weapp button input card
本地数据测试版

weapp-sqlite

通过 weapp-vite 集成 SQLite WASM,提供统一异步查询、事务、迁移与本地持久化。Web 与微信开发者工具已通过自动验收,微信真机仍待验证;当前以测试版展示。

适合需要在 weapp-vite 工程中评估结构化本地数据、离线存储和数据库迁移的小程序团队。

运行时SQLite WASM (sql.js) · IndexedDB · WXWebAssembly

WebWeChat DevTools2 项路线
第一步pnpm add @weapp-sqlite/weapp-vite

Taro / React 迁移

VPT 把已有 Taro 工程接到 Vite。

Taro / React 迁移稳定

VPT

在 Taro 项目里用 Vite 做开发与构建,而不是老的 webpack 链路。它负责把现有 React 工程接入工具链。

适合希望复用 React 与 Taro 组件和 API,并使用现代 Vite 工具链开发微信、支付宝小程序与 Web 应用的前端团队。

运行时React · Taro · Vite

WeChatAlipayWeb
第一步npm install -D vite-plugin-taro

Vue 3 小程序框架

独立运行时,负责页面写法。

小程序框架稳定

Vue Mini

Vue Mini 用 Vue 3 的响应式数据和组合式 API 写小程序,兼容原生语法,可以渐进接入。文档在 vuemini.org,源码在 vue-mini/vue-mini。

适合想在微信小程序里用 Vue 3 组合式 API,又不想换一套全新写法的团队。

运行时Vue 3

WeChat
第一步pnpm add @vue-mini/core

React 小程序框架

独立运行时,资料目前以仓库为主。

小程序框架测试版

Rezor

Rezor 用 React Hooks 写小程序,目标是接近原生性能。当前先列在目录里,文档入口是 GitHub 仓库 rezorjs/rezor。

适合想在微信小程序里用 React Hooks,并接受资料仍以仓库为主的团队。

运行时React

WeChat
第一步npm create rezor@latest

Uni Helper 和 Wot UI

服务 uni-app 组织,和 weapp 原生工具链分开。

uni-app 生态稳定

Uni Helper

Uni Helper 是面向 uni-app 的开源工具组织。门户站点汇总创建器、类型、ESLint、UnoCSS 预设等仓库;可安装入口是 create-uni。

适合用 uni-app / Vue 做跨端,想把创建、类型和工程配置交给社区工具的团队。

运行时Vue · Vite

uni-appWeChatAlipayH5App
第一步pnpm dlx create-uni
uni-app 生态稳定

Wot UI

Wot UI(npm 包 wot-design-uni)为 uni-app 与 Vue 3 提供组件。文档在 wot-ui.cn,源码在 wot-ui/wot-ui。

适合用 uni-app 和 Vue 3 做跨端界面,需要一套现成组件而不是从 Registry 安装源码的团队。

运行时Vue 3

uni-appWeChatAlipayH5App
第一步pnpm add wot-design-uni

统计偏好

百度统计和 Google Analytics 在正式站点默认启用,用于了解访问与有限交互。你可以随时关闭。