docs.taro.zone Open in urlscan Pro
113.207.69.167  Public Scan

Form analysis
0 forms found in the DOM

Text Content

跳到主要内容
由凹凸实验室倾力打造的「Deco 设计稿一键生成多端代码」预览版正式上线啦，欢迎免费试用！

Taro
3.x
 * 下个版本
 * 3.x
 * 2.x
 * 1.x
 * 全部版本

文档组件库APICanIUse教程博客问题反馈设计稿生成代码
生态系统
 * 论坛
 * 物料市场
 * 案例
 * NutUI
 * Taro UI
 * 京东小程序

中文
 * 中文
 * English


搜索K

 * 关于Taro
   * Taro 介绍
   * Taro 版本说明
   * Taro 团队
   * 沟通与反馈
 * 快速开始
 * 基础教程
 * 进阶指南
 * 社区生态
 * CONTRIBUTING

 * 
 * 关于Taro
 * Taro 介绍

版本：3.x
本页总览


TARO 介绍


简介

Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ /
飞书 小程序 / H5 / RN 等应用。

现如今市面上端的形态多种多样，Web、React
Native、微信小程序等各种端大行其道。当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。


特性


多端转换支持

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

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

 * H5
 * ReactNative
 * 微信小程序
 * 京东小程序
 * 百度智能小程序
 * 支付宝小程序
 * 抖音小程序
 * QQ 小程序
 * 钉钉小程序
 * 企业微信小程序
 * 支付宝 IOT 小程序
 * 飞书小程序


框架支持

在 Taro 3 中可以使用完整的 React / Vue / Vue3 / Nerv 开发体验，具体请参考：

 * 基础教程——React
 * 基础教程——Vue
 * 基础教程——Vue3

 * React
 * Vue

示例代码

import React, { Component } from 'react'
import { View, Text } from '@tarojs/components'

export default class Index extends Component {
  state = {
    msg: 'Hello World！',
  }

  componentWillMount() {}

  componentDidShow() {}

  componentDidHide() {}

  render() {
    return (
      <View className="index">
        <Text>{this.state.msg}</Text>
      </View>
    )
  }
}



示例代码

<template>
  <view class="index">
    <text>{{msg}}</text>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        msg: 'Hello World！',
      }
    },
    created() {},
    onShow() {},
    onHide() {},
  }
</script>





新闻资讯




TARO UI

> Taro 3 只能配合使用 taro-ui@next 版本
> 
> 安装命令： npm i taro-ui@next

一款基于 Taro 框架开发的多端 UI 组件库。

Taro UI 特性：

 * 基于 Taro 开发 UI 组件
 * 一套组件可以在多端适配运行（ReactNative 端暂不支持）
 * 提供友好的 API，可灵活的使用组件


学习资源

【资讯】Taro 团队博客

【教程】5 分钟上手 Taro 开发

【视频】5 分钟快速上手 Taro 开发小程序

【掘金小册】Taro 多端开发实现原理与实战 (已下架，仅购买用户可阅)

更多的资源请点击查看 更多资源 ，如果您有好的资源或教程和大家分享，欢迎提交资源到 awesome-taro。


项目状态




使用案例

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

查看更多的案例，请点击

我们正在征集更多优秀案例，欢迎点击提交



编辑此页

下一页
Taro 版本说明
 * 简介
 * 特性
   * 多端转换支持
   * 框架支持
 * 新闻资讯
 * Taro UI
 * 学习资源
 * 项目状态
 * 使用案例


相关资源

Taro

Taro UI

At-UI

Nerv

Athena


社区

GitHub

微信

讨论区

沟通反馈
选择下列对应的群，使用微信扫码添加，会收到入群二维码，再扫群码添加即可。
Taro
Taro Vue
Taro RN
Taro x Harmony
Taro Lark
Taro x NutUI


关于我们

凹凸实验室

联系我们


感谢

用户体验设计部

Taro 贡献者们

Copyright © 2023. All Rights Reserved. 粤ICP备15077732号-2