1、安装
	cnpm install -g @tarojs/cli

2、创建模板
	taro init xx

3、启动命令
	npm run dev:weapp 微信
	npm run dev:rn	react native
	npm run dev:h5	web

4、web修改端口号和域名
	config/index.js中,在对应的h5配置中添加
		devServer:{port:8888,host:'localhost'},

5、修改打包路径,避免多端混合在一起
	config/index.js中
		outputRoot:`dist/${process.env.TARO_ENV}`,

6、在web运行
	npm run dev:h5

7、在小程序运行
	npm run dev:weapp
	开启微信开发者工具,导入项目dist/weapp文件夹
# taro
Logo
智屏生态联盟

智屏生态联盟致力于大屏生态发展，利用大屏快应用技术降低开发者开发、发布大屏应用门槛

更多推荐

taro 引用本地图片展示

import { Image } from ‘@tarojs/components’<引用标签>constructor(){super()this.state={img:require(’./case.png’)}}…

avatar 智屏生态联盟

taro 动态设置标题栏、标题栏动画

导航栏文字旁显示加载菊花图Taro.showNavigationBarLoading()Taro.hideNavigationBarLoading()设置标题栏文字Taro.setNavigationBarTitle({title:'xx'})设置标题栏背景色Taro.setNavigationBarColor({backgroundColor:'16进制颜色',frontColor:'#ffff

avatar 智屏生态联盟

taro 获取用户信息getUserInfo、OpenData

getUserInfo:(1)给按钮添加属性和回调openType='getUserInfo'onGetUserInfo={this.回调}(2)在允许获取信息后,通过Taro.getUserInfo获取方式一Taro.getUserInfo({success: function(res) {console.log(res.userInfo);}})

avatar 智屏生态联盟