VPT

简体中文 | English

使用 Vite 8、React 19、Taro 4 和 Tailwind CSS v4 构建微信、支付宝、抖音小程序与 Web 应用。

官网：https://vpt.js.org

推荐使用 AI 开发： 阅读 VPT AI 开发指南，让编程助手创建项目并完成开发、测试和验证。

快速开始

npm create vite-taro@latest my-app

或者（推荐使用 pnpm）

pnpm --config.minimum-release-age=0 create vite-taro@latest my-app

接下来阅读快速开始。

已支持小程序开发者工具的热更新

• Vite 8 + React 19 基于 Vite 生态，一份代码覆盖微信小程序、支付宝小程序、抖音小程序与 Web。
• 热更新 编辑代码时保留 App 数据、当前页面、React 组件状态与输入状态。
• 全自动分包 使用标准静态与动态导入，由 vpt 自动规划微信小程序分包。
• Tailwind CSS v4 开箱即用 直接书写工具类，微信与 Web 样式自动适配。
• 基于 Taro，超越 Taro 使用 Taro 组件和 API，摆脱旧式 webpack 链路。
• Skyline 就绪 支持全局或按页面启用微信 Skyline 渲染模式。

Demo

查看 Loan Genius Demo，此项目迁移自 wuba/Taro-Mortgage-Calculator。

查看 Skyline 共享元素 Demo，体验原生页面转场动画。

查看默认模板，使用 React 自定义 Tabs 与首帧同步预渲染，切换页面不闪屏。

赞助

VPT 由 weapp.dev 赞助，感谢赞助者对开源开发的支持。

weapp.dev 致力于为小程序与 Web 构建开放、可组合的现代工具链。

文档

• 快速开始
• AI 开发指南
• 样式
• 全自动分包
• 原生组件
• 开发热更新
• 配置选项
• 条件编译
• Skyline 模式
• 从 Taro 迁移
• 模块系统
• 热更新原理
• 仓库维护

许可证

MIT