@taro多端开发基础知识

Taro 是一个开放式跨端跨框架解决方案
Taro 3 可以支持转换到 H5、ReactNative 以及任意小程序平台。
目前官方支持转换的平台如下：
H5
ReactNative
微信小程序
京东小程序
百度小程序
支付宝小程序
字节跳动小程序
QQ 小程序
钉钉小程序
企业微信小程序
支付宝 IOT 小程序
飞书小程序

如果之前有安装其他版本的@tarojs/cli，需要先全局卸载，执行下方命令,执行完后再执行下方两步
npm uninstall -g @tarojs/cli
rm -rf node_modules

第一步
npm install -g @tarojs/cli@3.3.14
or
cnpm install -g @tarojs/cli@3.3.14
or
yarn global add @tarojs/cli@3.3.14

第二步
npm install
or
cnpm install
or
yarn

taro生命周期对应关系

而且由于入口文件继承自 Component 组件基类，它同样拥有组件生命周期，但因为入口文件的特殊性，他的生命周期并不完整，如下：

生命周期方法 作用 说明
componentWillMount 程序被载入 在微信小程序中这一生命周期方法对应 app 的 onLaunch
componentDidMount 程序被载入 在微信小程序中这一生命周期方法对应 app 的 onLaunch，在 componentWillMount 后执行
componentDidShow 程序展示出来 在微信小程序中这一生命周期方法对应 onShow，在 H5 中同样实现
componentDidHide 程序被隐藏 在微信小程序中这一生命周期方法对应 onHide，在 H5 中同样实现
componentDidCatchError 错误监听函数 在微信小程序中这一生命周期方法对应 onError
componentDidNotFound 页面不存在监听函数 在微信小程序中这一生命周期方法对应 onPageNotFound

在这里插入图片描述

在这里插入图片描述

# taro # 微信小程序 # 小程序
Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

Flutter for OpenHarmony 实战：fpdart 函数式编程让逻辑坚不可摧

本文介绍了如何在OpenHarmony应用开发中使用fpdart函数式编程库提升代码质量。fpdart提供了Option、Either等类型，可优雅处理null值和错误分支，避免传统try-catch和if-else带来的代码碎片化问题。文章通过实际案例展示了如何用Option处理空值、用Either替代异常抛出，以及用Task构建异步流程链。这些方法使业务逻辑更纯净、可组合且易于测试，特别适合鸿

avatar 开源鸿蒙跨平台开发者社区
cover

Flutter for OpenHarmony 实战：fluentui_system_icons 微软风格图标库适配指南

avatar 开源鸿蒙跨平台开发者社区

Flutter for OpenHarmony 实战：http 基础网络库的跨端适配与优化

本文介绍了Flutter官方http库在OpenHarmony平台的跨端适配与优化实践。作为轻量级网络请求方案，http库凭借纯Dart实现、连接复用机制和声明式API，在HarmonyOS NEXT环境下展现出卓越的稳定性。文章深入解析了其管道流式模型，包括请求生命周期和分块接收机制，并提供了集成指南。实战部分展示了如何通过继承BaseClient实现统一拦截器，处理基础请求与Multipart

avatar 开源鸿蒙跨平台开发者社区