为了账号安全,请及时绑定邮箱和手机立即绑定

01-Taro打造hello-world应用

2020.05.12 19:51 5199浏览

01-Taro打造hello-world应用

一、简介

101

Taro是由京东凹凸实验室出品,书写一套代码通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信 / 京东 / 百度 / 支付宝 / 字节跳动 小程序、快应用、H5、React-Native 等)运行的代码。废话不多说,先从hello-world开始吧。

二、搭建环境


// node>=8.0.0

npm install -g @tarojs/cli

taro -v

taro init taroDemo

102

不好意思我果断control+z


cd taroDemo

yarn

安装依赖成功后咱先体验一把weapp、alipay、h5的效果

三、小试牛刀


// dev 开发 build 生产

yarn dev:weapp // 微信小程序

yarn dev:alipay // 支付宝小程序

yarn dev:h5

以微信小程序为例


cd taroDemo

yarn dev:weapp

// 打开微信开发工具 导入dist目录

103

如果想生成支付宝小程序则control+z 再 yarn dev:alipay, 生成的dist目录就是支付宝小程序了

104

四、项目结构

105

五、多端同步调试

config/index.js配置


outputRoot: `dist/${process.env.TARO_ENV}`

在终端打开多个Tab,分别运行


yarn dev:weapp

yarn dev:alipay

编译出来的目录如图,dist 目录下有 weappalipay 两个目录

106

点击查看更多内容
0人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消