易采下载网

Taro多端统一开发框架 v2.0.5

  • 源码大小:4.33 MB
  • 源码语言:简体中文
  • 源码类型:国产软件
  • 源码授权:开源软件
  • 更新时间:2020-02-28
  • 应用平台:JavaScript
  • 开 发 商:
  • 程序演示:Demo Url
  • 软件等级:★★★☆☆
  • 下载次数:
Taro多端统一开发框架 v2.0.5
内容介绍人气软件相关文章下载地址↓ 下载报错

Taro多端统一开发框架 v2.0.5介绍

 

Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。

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

使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、App 端等)运行的代码。同时 Taro 还提供开箱即用的语法检测和自动补全等功能,有效地提升了开发体验和开发效率。

 

 

如果你是使用 NPM 安装,使用如下命令:
$ npm install -g @tarojs/cli

如果你是使用 Yarn 安装,使用如下命令:
$ yarn global add @tarojs/cli

安装完毕,测试一下是否安装成功:



如你所见,版本号打印出来,说明已经安装好了。
使用命令创建模板项目:
$ taro init myApp

NPM 5.2+ 也可在不全局安装的情况下使用 npx 创建模板项目:
$ npx @tarojs/cli init myApp

命令行上会提示 Taro 即将创建一个新项目!,接着 Taro 会提示你输入项目介绍,我们这里输入 我的第一个 Taro 项目;而后让你选择是否使用 TypeScript,笔者不使用 TypeScript ,输入 n ; 接着提供 CSS 预处理器选择,有 Sass、Less、Seyless,笔者选择了 Sass;然后是选择模板,笔者选择默认模版,完成后,Taro 开始创建项目,自动安装依赖,这里可能需要等待一会。

看到提示 请进入项目目录 myApp 开始工作吧 后,进入项目目录开始开发,目前 Taro 已经支持微信/百度/支付宝小程序、H5 以及 ReactNative 等端的代码转换,针对不同端的启动以及预览、打包方式并不一致。
微信小程序

选择微信小程序模式,需要自行下载并打开微信开发者工具,然后选择项目根目录进行预览。具体安装的方法和使用请参考第 3 章《微信小程序开发入门与技术选型》里的 「微信小程序开发入门」。

微信小程序编译预览及打包:
# npm script
$ npm run dev:weapp
$ npm run build:weapp
# 仅限全局安装
$ taro build --type weapp --watch
$ taro build --type weapp
# npx 用户也可以使用
$ npx taro build --type weapp --watch
$ npx taro build --type weapp
百度小程序

选择百度小程序模式,需要自行下载并打开百度开发者工具,然后在项目编译完后选择项目根目录下 dist 目录进行预览。

百度小程序编译预览及打包:
# npm script
$ npm run dev:swan
$ npm run build:swan
# 仅限全局安装
$ taro build --type swan --watch
$ taro build --type swan
# npx 用户也可以使用
$ npx taro build --type swan --watch
$ npx taro build --type swan

支付宝小程序

选择支付宝小程序模式,需要自行下载并打开支付宝小程序开发者工具,然后在项目编译完后选择项目根目录下 dist 目录进行预览。

支付宝小程序编译预览及打包:
# npm script
$ npm run dev:alipay
$ npm run build:alipay
# 仅限全局安装
$ taro build --type alipay --watch
$ taro build --type alipay
# npx 用户也可以使用
$ npx taro build --type alipay --watch
$ npx taro build --type alipay

H5

H5 模式,无需特定的开发者工具,在执行完下述命令之后即可通过浏览器进行预览。

H5 编译预览及打包:
# npm script
$ npm run dev:h5
# 仅限全局安装
$ taro build --type h5 --watch
# npx 用户也可以使用
$ npx taro build --type h5 --watch

React Native

React Native 端运行需执行如下命令,React Native 端相关的运行说明请参见 React Native 教程。
# npm script
$ npm run dev:rn
# 仅限全局安装
$ taro build --type rn --watch
# npx 用户也可以使用
$ npx taro build --type rn --watch

更新 Taro

Taro 提供了更新命令来更新 CLI 工具自身和项目中 Taro 相关的依赖。

更新 taro-cli 工具:
# taro
$ taro update self
# npm
npm i -g @tarojs/cli@latest
# yarn
yarn global add @tarojs/cli@latest

更新项目中 Taro 相关的依赖,这个需要在你的项目下执行。
$ taro update project

作者:mindy1031
链接:https://www.jianshu.com/p/76715e7c284c
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

人气软件
下载地址
相关文章

网友评论

用户名: 验证码:点击我更换图片

下载声明

☉解压密码:如需要解压密码down.easck.com 就是本站主域名,希望大家看清楚。
☉如果源码不能下载请QQ:279390809留言,我们会尽快修复,谢谢!
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!或者多试试几个下载地址
☉如果遇到什么问题,请QQ:279390809留言,我们定会解决问题,谢谢大家支持!
☉本站提供的一些商业源码是供学习研究之用,如用于商业用途,请购买正版。
☉本站提供的Taro多端统一开发框架 v2.0.5资源来源互联网,版权归该下载资源的合法拥有者所有。

关于我们 - 联系我们 - 广告服务 - 版权声明 - 人才招聘 - 友情链接 - 网站地图 - 帮助 - -

CopyRight © 2010-2016 源码下载 easck.com , All Rights Reserved

蒙公网安备 15052402000103号

蒙ICP备14002389-1号