1. 项目简介
Taro 是一个开放式跨端跨框架开发解决方案,支持使用 React、Vue、Nerv 等主流前端框架,一套代码即可编译到 微信、京东、百度、支付宝、字节跳动、QQ、飞书、快手等小程序平台,以及 H5、React Native、华为 ASCF 元服务 等多端环境。
如今,终端形态百花齐放:Web、App、各类小程序……业务往往要求“全端覆盖”。但为每个平台单独维护一套代码,不仅成本高昂,还极易导致体验不一致、迭代效率低下。
2. 开源协议
采用MIT开源协议
3. 多端转换支持
Taro 3 可以支持转换到 H5、React Native 以及任意小程序平台。
目前官方支持转换的平台如下:
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等能力。
感谢凹凸实验室和所有开源贡献者——你们让“一次开发,多端运行”从口号变成了日常。
今天的分享就到这里,后续我会持续带来实用的 Java 技术干货和前沿的技术资讯,欢迎关注公众号 「DevLlama」,第一时间获取更新,不错过任何精彩内容!
支持我们,点赞或分享到朋友圈!