Skip to content

About

Build WeChat / Alipay / Taobao / TikTok / Xiaohongshu Mini Apps with the latest standard frontend stack: Vite 8, React 19, and Tailwind CSS v4.

Resources

Stars

65 stars

Watchers

0 watching

Forks

Repository files navigation

VPT

npm version npm downloads Vite Rolldown CI coverage license

简体中文 | 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

接下来阅读快速开始。

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

vpt-hmr-demo.mp4
  • 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。

Loan Genius screenshot

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

share-element-demo.mp4

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

tabs-demo.mp4

赞助

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

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

文档

许可证

MIT

About

Build WeChat / Alipay / Taobao / TikTok / Xiaohongshu Mini Apps with the latest standard frontend stack: Vite 8, React 19, and Tailwind CSS v4.

Resources

Stars

65 stars

Watchers

0 watching

Forks

Releases

Used by

Contributors

Languages