taro多端开发

taro学习

下载

npm -g install @tarojs/cli

初始化

taro init 名字

打包方法

相关命令

更新
taro update 项目名
taro update self 更新taro
详细信息查看
taro info 查看详细信息
诊断项目
taro doctor

多端同步开发

/config/index.js

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

多页面与路由

在config配置中指定号pages,然后就可以在代码中通过Taro提供的Api来跳转到目的页面,列如:

API说明

// 跳转到目的页面,打开新页面
Taro.navigateTo({
    url:'/page/page/path/name'
});
// 跳转到目的页面,在当前页面打开
Taro.redirectTo({
    url:'/pages/page/path/name'
});

使用taro-ui

npm isntall --save taro-ui

在config/index.js中新增

h5:{
   esnextModules:['taro-ui'] 
}

// page.js
import { AtButton } from 'taro-ui'
// 除了引入所需的组件，还需要手动引入组件样式
// app.js
import 'taro-ui/dist/style/index.scss' // 全局引入一次即可