[开源]一套代码，10+平台全搞定！Taro 开源跨端框架正式支持 React/Vue/Preact/Svelte

1. 项目简介

Taro 是一个开放式跨端跨框架开发解决方案，支持使用 React、Vue、Nerv 等主流前端框架，一套代码即可编译到 微信、京东、百度、支付宝、字节跳动、QQ、飞书、快手等小程序平台，以及 H5、React Native、华为 ASCF 元服务 等多端环境。

如今，终端形态百花齐放：Web、App、各类小程序……业务往往要求“全端覆盖”。但为每个平台单独维护一套代码，不仅成本高昂，还极易导致体验不一致、迭代效率低下。

2. 开源协议

采用MIT开源协议

3. 多端转换支持

Taro 3 可以支持转换到 H5、React Native 以及任意小程序平台。

目前官方支持转换的平台如下：

• • H5
• • React
• • 微信小程序
• • 京东小程序
• • 百度小程序
• • 支付宝小程序
• • 抖音小程序
• • QQ
• • 钉钉小程序
• • 企业微信小程序
• • 支付宝 IOT 小程序
• • 飞书小程序
• • 快手小程序
• • ASCF元服务

4. 框架支持

在 Taro 3 中，开发者可以享受到与原生开发几乎一致的完整框架体验，全面支持 React、Vue、Preact、Svelte 和 Nerv 等主流前端框架。无论你习惯使用哪种技术栈，都能以熟悉的方式编写代码，并无缝编译到多端平台。

5. 更多资源

多端统一开发框架 Taro 优秀学习资源汇总：https://github.com/NervJS/awesome-taro， 这个仓库中包含了Taro主仓库 & 官方文档，Taro UI 组件库，以及各大小程序平台的官方文档。同时也汇集了社区大量的生态资源和文章教程。

6. 安装及使用

安装 Taro 项目基于 node，请确保已具备较新的 node 环境（>=16.20.0），推荐使用 node 版本管理工具 nvm 来管理 node。

由于本人习惯使用pnpm来管理前端项目，这边以pnpm为例：

$ pnpm install -g @tarojs/cli

查看 Taro 全部版本信息

可以使用 pnpm info 查看 Taro 版本信息，在这里你可以看到当前最新版本。

$ pnpm info @tarojs/cli

7. 项目开源地址

Github开源地址：https://github.com/NervJS/taro 在线文档地址： https://docs.taro.zone/docs/

8. 总结

还记得第一次接触 Taro 是在 2.0 时代——那时它刚刚完成架构升级，用编译 + 运行时混合的方式尝试打通多端。虽然 API 还不够稳定，文档也略显简陋，但“一套代码多端运行”的理念已经足够让人兴奋。把一个 H5 项目迁移到微信小程序。过程中踩过坑：样式兼容问题、生命周期差异、setState 异步行为不一致。到了 Taro 3，一切豁然开朗，终于实现了 完整的 React 开发体验Hooks、Context等能力。

感谢凹凸实验室和所有开源贡献者——你们让“一次开发，多端运行”从口号变成了日常。