资讯专栏INFORMATION COLUMN

Taro,快速上手教程(一)

guqiu / 1724人阅读

摘要:个人所有文章同步到前言最近公司准备开发几款可以在微信小程序端和端同时运行的一套商城,接着就是任务下发喽,但是有一点,时间紧任务重,直接说其他的不管,反正几个星期之内必须上线,头疼。

个人所有文章同步到:https://github.com/zhengzhuan...

前言

最近公司Boss准备开发几款可以在微信小程序端和H5端同时运行的一套商城,接着就是任务下发喽,但是有一点,时间紧任务重,Boss直接说其他的不管,反正几个星期之内必须上线,~~~头疼。那就只好想办法喽

机缘巧合在一个博客栏目看到了Taro的beta版本,研究下,心里小九九就像看一下,谁知道是啥呢,这不看不知道一看吓一跳,先上个图

这简直是一个神器啊,基本上等于自己多了这么多技能,感谢创作者们的激情付出

介绍

Taro是一套遵循 React 语法规范的多端统一开发框架

多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用。

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

使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、RN 等)运行的代码

官网:https://taro.aotu.io/

React 语法风格

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

其实说实话,就算不会React,跟着Taro学习,看几遍也就会了,作者就这这样学习的,嘻嘻

正言

废话不多说,直接上,正所谓,算了忘了古诗词了,接下来进入Taro的世界吧

安装

先来安装一下Taro吧

/** Quick Start With NPM Or Yarn **/
$ npm install -g @tarojs/cli
$ yarn global add @tarojs/cli

小伙伴们安装成功了吗,如果不出现什么意外的情况下,基本上安装都能成功,不成功的小伙伴看一下自己的node哦,node没错的话,可能是网络的原因,可以尝试一下cnpm吧

安装成功后基本上可以看到以下画面

看到这里证明你安装成功了哦!下接下来输入

taro -V

看一下版本哦,目前Taro可能处于初期开发阶段,版本更新会比较快,不过不要紧,不会影响到你的项目哦,相反会更好

好了安装成功后,Taro就可以正常使用啦

创建项目

接下来创建项目就是喽

Taro init demo

taro会以非常快速度创建完成

这里作者不知道为啥地下有点不好,但不要紧,无关大雅

当你看到这里时,Taro项目就创建成功喽,我感觉作者还是比较皮的,还有个可爱的小表情

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/58457.html

相关文章

  • Taro快速上手教程

    摘要:个人所有文章同步到前言最近公司准备开发几款可以在微信小程序端和端同时运行的一套商城,接着就是任务下发喽,但是有一点,时间紧任务重,直接说其他的不管,反正几个星期之内必须上线,头疼。 个人所有文章同步到:https://github.com/zhengzhuan... 前言 最近公司Boss准备开发几款可以在微信小程序端和H5端同时运行的一套商城,接着就是任务下发喽,但是有一点,时间紧任...

    pakolagij 评论0 收藏0
  • Taro集成Redux快速上手

    摘要:开发前需要安装和以及一些需要用到的中间件如果在要使用的话,还需要引入这个库或者使用示例下面通过实现一个快速上手。然后开始创建处理这两个指令的。完成上述三步之后,我们就可以在应用的主页使用相应修改并取得新的数据了。 本文适合有一定React和Redux基础的用户阅读。 前言的前言 最近被一款来自京东凹凸实验室的多终端开发框架Taro吸粉了,官方对 Taro 的简介是使用React语法,一...

    DevYK 评论0 收藏0
  • 5分钟快速上手多端开发框架Taro

    摘要:第一步安装链接安装完成后在命令行输入,显示版本号即安装成功,如下图第二步安装在命令行输入或在这里我用的是,感谢阿里提供的国内镜像安装完成后入下图所示输入,会显示当前安装的版本,如下图第三步使用命令创建模板项目打开目标文件夹后输入命令 第一步:安装node.js(链接https://nodejs.org/en/) 安装完成后在命令行输入node -v,显示版本号即安装成功,如下图 sh...

    li21 评论0 收藏0
  • 新的小程序开发框架?- Taro的深度实践体验

    摘要:作为两个小程序开发框架都使用过,并应用在生产环境里的人,自然是要比较一下两者的异同点。在这里与当前很流行的小程序开发框架之一进行简单对比,主要还是为了方便大家更快速地了解,从而选择更适合自己的开发方式。 前言 前阵子,来自我们凹凸实验室的遵循 React 语法规范的多端开发方案 - Taro终于对外开源了,欢迎围观star(先打波广告)。作为第一批使用了Taro开发的TOPLIFE小程...

    maochunguang 评论0 收藏0
  • Taro 优秀学习资源汇总

    摘要:多端统一开发框架优秀学习资源汇总官方资源项目仓库官方文档项目仓库官方文档微信小程序官方文档百度智能小程序官方文档支付宝小程序官方文档字节跳动小程序官方文档文章教程不敢阅读包源码带你揭秘背后的哲学从到构建适配不同端微信小程序等的应用小程序最 Awesome Taro 多端统一开发框架 Taro 优秀学习资源汇总 showImg(https://segmentfault.com/img/r...

    toddmark 评论0 收藏0

发表评论

0条评论

guqiu

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<