小程序系列之Taro小程序介绍(2)

前言

Taro小程序简介

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。

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

使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动/QQ小程序、快应用、H5、React-Native 等）运行的代码。

---

• React 语法风格

Taro 遵循 React 语法规范，它采用与 React 一致的组件化思想，组件生命周期与 React 保持一致，同时支持使用 JSX 语法，让代码具有更丰富的表现力，使用 Taro 进行开发可以获得和 React 一致的开发体验

• 支持原生微信小程序转成Taro小程序

自 v1.2.0 开始支持此功能

微信原生小程序转 Taro 的操作非常简单，首先必须安装使用 npm i -g @tarojs/cli 安装 Taro 命令行工具，其次在命令行中定位到小程序项目的根目录，根目录中运行：

$ taro convert

即可完成转换。转换后的代码保存在根目录下的 taroConvert 文件夹下。你需要定位到 taroConvert 目录执行 npm install 命令之后就可以使用 taro build 命令编译到对应平台的代码。

注: 以上所有内容全部摘自Taro小程序官方文档, 以上仅仅是非常简单的介绍Taro小程序.下面才是我想着重强调看文档思路.

---

Taro小程序和微信小程序的区别

如果在此之前,你没有react语法的基础或者对ES6不是很熟悉,我认为后续非常有必要去学习的.因为Taro框架本身就是基于react开发,内部也有很多ES6语法,
强烈建议学习. 当然,这里说了,竟然是基础,也是可以后续去弥补的. 不过会学的非常吃力,有点死记硬背的味道, 如果你能接受,也不反对.

1.如何学习Taro小程序文档

a.学习Taro框架的语法和规范
b.学习适配多端的一些特性
c.学习状态更新(setData方法和setState方法)
d.路由跳转以及路由挑战时传值、取值
e.其他的开发流程粗略看一遍

2.使用Taro API的注意事项(以微信小程序为例)

• API使用

在Taro框架中,使用API时,一般是Taro.xxxx,书写是这样写,编译时,如果是编译成微信小程序,会自动转换成wx.xxxxx,当然直接使用wx.xxx虽然编译报错但是也能生效, 一般不推荐这样的做法,会显得很不规范,也不容易定位错误.

• API参考
  如果你不确定你当前使用的API是否存在,如果你当前开发的是微信小程序,可以前去小程序官方找对应API,看看是否存在,开发其他小程序也是如此.

• UI组件

强烈推荐首先查看Taro官方API基础组件和Taro官方封装的UI组件,能够满足适应大部分开发需求.

预告

下一讲,我们将会介绍Taro小程序项目创建过程.然后分享一下可能会涉及到的一些规范和注意事项.

​
​