Taro

简体中文| English

👽Taro['tɑ:roʊ]，泰罗·奥特曼，宇宙警备队总教官，实力最强的奥特曼。

简介

Taro是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。现如今市面上端的形态多种多样，Web、React Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

版本说明

当前 Taro 已进入 3.x 时代，相较于 Taro 1/2 采用了重运行时的架构，让开发者可以获得完整的 React/Vue 等框架的开发体验，具体请参考 《小程序跨框架开发的探索与实践》。

如果你想使用 Taro 1/2，可以访问 文档版本获得帮助。

学习资源

5 分钟上手 Taro 开发

awesome-taro

掘金小册： Taro 多端开发实现原理与实战

社区共享

Taro 交流社区——让每一次交流都被沉淀

Taro 物料市场——让每一个轮子产生价值

使用案例

Taro 已经投入了我们的生产环境中使用，业界也在广泛地使用 Taro 开发多端应用。

征集更多优秀案例

Taro 特性

框架支持

React/Nerv 支持

在 Taro 3 中可以使用完整的 React/Nerv 开发体验，具体请参考 基础教程——React

代码示例

importReact,{Component}from'react'import{View,Text}from'@tarojs/components'exportdefaultclassIndexextendsComponent{state={msg:'Hello World！ '}componentWillUnmount(){}componentDidShow(){}componentDidHide(){}render(){return(<ViewclassName='index'><Text>{this.state.msg}</Text></View>)}}

Vue 支持

在 Taro 3 中可以使用完整的 Vue 开发体验，具体请参考 基础教程——Vue

代码示例

<template>
  <viewclass="index">
    <text>{{msg}}</text>
  </view>
</template><script>exportdefault{data() {return{msg:'Hello World!'}},created() {},onShow() {},onHide() {}}</script>

多端转换支持

Taro 方案的初心就是为了打造一个多端开发的解决方案。

目前 Taro 3 可以支持转换到 微信/京东/百度/支付宝/字节跳动/QQ 小程序以及 H5 端。