01-Taro打造hello-world应用
2020-06-04 05:20
369 查看
01-Taro打造hello-world应用
一、简介
Taro是由京东凹凸实验室出品,书写一套代码通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信 / 京东 / 百度 / 支付宝 / 字节跳动 小程序、快应用、H5、React-Native 等)运行的代码。废话不多说,先从hello-world开始吧。
二、搭建环境
// node>=8.0.0 npm install -g @tarojs/cli taro -v taro init taroDemo
不好意思我果断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目录
如果想生成支付宝小程序则control+z 再 yarn dev:alipay, 生成的dist目录就是支付宝小程序了
四、项目结构
五、多端同步调试
在
config/index.js配置
outputRoot: `dist/${process.env.TARO_ENV}`
在终端打开多个Tab,分别运行
yarn dev:weapp yarn dev:alipay
编译出来的目录如图,
dist目录下有
weapp和
alipay两个目录
关注公众号: 页面仔小杨 【实战干货、原创分享】
相关文章推荐
- 01-第一个android小应用Hello,world
- cocos2d-x: 死磕"HelloWorld"(2)——应用实例的创建
- windows GUI开发01 - 显示"Hello,world"
- 用 eric6 与 PyQt5 实现python的极速GUI编程(系列01)--Hello world!
- web service 应用一[HelloWorldJacky]
- 【Hacker Rank】01.Say "Hello, World!" With Python
- 打造一个Hello World OSGi Web应用程序
- web service 应用一[HelloWorldJacky]
- NOI-1.1-01:Hello, World!
- OOP01-Java版的Hello,World!详解
- Serverless 应用开发指南:serverless 的 hello, world
- 初学者 第一个安卓应用详解 eclipse helloworld
- 打造一个Hello World OSGi Web应用程序
- 《深入理解OSGi:Equinox原理、应用与最佳实践》笔记_1_运行最简单的bundlehelloworld
- web service 应用二[HelloWorldJacky]
- [置顶] spring的HelloWorld<01>
- GTK+的第一个应用Hello,World
- 黑马程序员-----java基础01第一个应用程序 "HelloWorld"
- 《深入理解OSGi:Equinox原理、应用与最佳实践》笔记_1_运行最简单的bundlehelloworld
- web service 应用二[HelloWorldJacky]