Taro框架学习笔记

Taro是京东凹凸实验室推出的一个框架,设计目的是多端统一开发解决方案,一次开发,多端运行 Taro可以使用React/Vue等前端框架开发的,当然typescript肯定是支持 Taro官方文档:https://taro-docs.jd.com/taro/docs/README Taro官方组件库:https://taro-ui.jd.com/ Taro支持微信小程序,百度小程序,支付宝小程序,字节小程序,QQ轻应用,ReactNatvie等等 Taro 1.2支持将已有的微信小程序进行转换,只需要在项目根目录运行taro convert命令就可以在将现有的小程序项目转换到taroConvert目录下,转换成jsx代码,并且可以直接使用这个代码来进行taro build来编译成taro支持的平台应用 安装Taro框架 npm install -g @tarojs/cli 或者 yarn global add @tarojs/cli 升级框架 taro update self 创建项目 taro init hallo 创建h5项目 yarn dev:h5 创建微信小程序项目 yarn dev:weapp 创建完毕会在dist目录下生成小程序程序 支付宝小程序 yarn dev:alipay 百度小程序 yarn dev:swan ReactNative yarn dev:rn 编译完成的端源码在dist目录下 作为一个可以使用react规范开发的框架,React Hooks和jsx也是支持的 Taro组件化(Taro可以使用react开发,因此也具备react的组件化功能) import Taro, { useState } from '@tarojs/taro' import { View, Text } from '@tarojs/components' import './index.less' function Main(){ const [count ,setUserName] = useState("hallo word") return ( <View> <Text>{count}</Text> </View> ) } export default Main 子组件...

2021-08-31 · 3 min · Me

Taro脚手架学习笔记

Taro是京东凹凸实验室推出的一个脚手架,设计目的是多端统一开发解决方案,一次开发,多端运行 Taro可以使用React/Vue等前端框架开发的,当然typescript肯定是支持 Taro官方文档:https://taro-docs.jd.com/taro/docs/README Taro支持微信小程序,百度小程序,支付宝小程序,字节小程序,QQ轻应用,ReactNatvie等等 安装Taro脚手架 npm install -g @tarojs/cli 或者 yarn global add @tarojs/cli 升级脚手架工具 taro update self 创建项目 taro init hallo 创建h5项目 yarn dev:h5 创建微信小程序项目 yarn dev:weapp 创建完毕会在dist目录下生成小程序程序 作为一个可以使用react开发的脚手架,React Hooks和jsx也是支持的 Taro组件化(Taro可以使用react开发,因此也具备react的组件化功能) import Taro, { useState } from '@tarojs/taro' import { View, Text } from '@tarojs/components' import './index.less' function Main(){ const [count ,setUserName] = useState("hallo word") return ( <View> <Text>{count}</Text> </View> ) } export default Main 子组件 import { View, Text } from '@tarojs/components' function Data(){ return ( <View><Text>hallo word</Text></View> ) } export default Data 导入...

2021-08-31 · 2 min · Me