- 综合排序
- 最热优先
- 最新优先
- 来自专栏鸿蒙Taro实战
鸿蒙Taro实战：01-搭建开发环境
鸿蒙Taro实战：01-搭建开发环境配置鸿蒙环境下载安装 DevEco配置IDE打开 Prefreences, OpenHarmony SDK, 勾选 API Version 12创建鸿蒙项目打开 DevEco 安装 Taro 4.xyarn global add @tarojs/cli安装成功后检查 taro 是否生效➜ ~ taro --version Taro v4.0.74.0.7初始化项目taro 安装鸿蒙插件yarn add @tarojs/plugin-platform-harmony-etsyarn add path修改编译配置找到 config/index.ts 文件, 在 plugin Taro 会将编译好的文件输出至鸿蒙项目目录运行鸿蒙配置应用签名打开 File -> Project Structure..., 点击 Siging Configs, Sign In 参考资料鸿蒙 & OpenHarmony
52610编辑于 2024-11-06 - 来自专栏京东技术
使用Taro开发鸿蒙原生应用——当Taro遇到纯血鸿蒙
在2023年8月的「2023年华为开发者大会（HDC.Together）」上，华为正式官宣「鸿蒙Next」，这个更新的版本将移除所有的 AOSP 代码，彻底与 Android 切割，使其成为一个完全自主研发的操作系统 可以看出，显然，Web式的开发范式较贴近Web前端开发者的习惯，不过，它更适用于开发简单的卡片应用，Taro框架已经提供了对这种开发范式的支持，可以查看 Taro && 鸿蒙、OpenHarmony开发文档 在今年 8 月的「2023年华为开发者大会（HDC.Together）」上，Taro 团队受邀分享了 Taro 适配鸿蒙 ArkUI 的技术方案，整体技术路线是受到认可的，同时在后续的适配过程中也得到了来自华为的技术支持 目前，基于上述思路，Taro React 适配鸿蒙 ArkTS 的工作已经进入收尾阶段，预计将在 12 月下旬发布可用版本，想要了解进展的朋友可以查看这篇文档，根据相应分支来 follow 我们的进展， 哈哈哈，本文是 「Taro 适配鸿蒙 ArkTS」系列文章的第一篇，算是先导预告片，在后续我们会陆续释出其他文章，例如详解 Taro 适配鸿蒙 ArkTS 原理、Taro 开发 ArkTS 应用最佳实践
88210编辑于 2024-03-26 - 来自专栏个人路线
使用京东Taro开发鸿蒙PC（附鸿蒙版Taro环境搭建流程）
Taro 是由京东发起并维护的开放式跨端跨框架解决方案，支持以 Web 的开发范式来实现小程序、H5、鸿蒙等平台的跨端统一开发。 初始化项目 taro init taro-ohos 按照提示输入以下配置： 注意：当前仅支持使用 Vite 编译鸿蒙应用，所以在配置时请注意选择。 六、编译鸿蒙应用 # 编译鸿蒙应用 taro build --type harmony_cpp # 编译鸿蒙原生组件 taro build native-components --type harmony_cpp 自研应用 40 款，三方库 80 个，鸿蒙原生应用课程 500+，持续助力鸿蒙仓颉等生态繁荣发展。 参考资料 [1] 鸿蒙 & OpenHarmony | Taro 文档: https://docs.taro.zone/docs/harmony/ [2] Taro 项目仓库: https://github.com
1.1K10编辑于 2025-05-21 - 来自专栏个人路线
Taro 开发鸿蒙版每日资讯应用实战指南
一、项目简介 本项目基于 Taro 跨端开发框架，实现鸿蒙（HarmonyOS）平台的每日资讯应用，通过调用 阿拉 API 每日资讯接口[1] 获取新闻数据，支持展示日期、新闻列表、微语及配图。 初始化 Taro 项目 # 创建鸿蒙项目 taro init taro-ohos-demo cd taro-ohos-demo # 安装插件 npm i @tarojs/plugin-platform-harmony-cpp overflow-y: auto; /* 内容溢出时显示滚动条 */ -webkit-overflow-scrolling: touch; /* 优化移动端滚动 */ padding: 0 8px 编译为鸿蒙工程 # 编译为鸿蒙 HAP 文件 taro build --type harmony_cpp 2. 七、项目总结 通过本项目，你可以学习到： Taro 跨端开发框架的使用 鸿蒙平台开发环境配置 接口调用与数据处理 页面布局与样式优化 希望本项目能帮助你快速搭建鸿蒙版每日资讯应用，提升开发效率。
64610编辑于 2025-05-27 - 来自专栏前端Q
使用 Taro 开发鸿蒙原生应用 —— 探秘适配鸿蒙 ArkTS 的工作原理
其中，Taro作为一个重要的前端开发框架，也积极适配鸿蒙的新一代语言框架 —— ArkTS。 本文将深入探讨 Taro 适配鸿蒙 ArkTS 框架的工作原理，接下来我们先一同看看适配的整体思路。 复用模块图 这种复用会带来两个明显的好处： 减少了适配鸿蒙 ArkTS 的工作量，可以更早地将 Taro 适配鸿蒙 ArkTS 这个功能上线，给开发者体验和使用。 我们需要模拟一套能在鸿蒙环境下可以运行的 BOM 和 DOM，来给到前端框架层去使用，使的这些依赖浏览器环境的 Taro 代码可以跑在鸿蒙 app 上。 Taro 开发鸿蒙应用时，只需要引入这个插件，执行对应的打包命令即可。 鸿蒙端平台插件 (2) 实现鸿蒙编译打包功能 上面提到，鸿蒙端平台插件会触发鸿蒙的编译打包流程，在该流程中，Taro 会使用 Vite（目前暂时只支持 Vite）来对项目代码进行打包，最后会输出一份可执行的鸿蒙工程源代码到鸿蒙工程目录中
2.8K20编辑于 2023-12-12 - 来自专栏京东技术
使用Taro开发鸿蒙原生应用——快速上手，鸿蒙应用开发指南
导读 本指南为开发者提供了使用 Taro 框架开发鸿蒙原生应用的快速入门方法。Taro，作为一个多端统一开发框架，让开发者能够使用一套代码同时适配多个平台，包括鸿蒙系统。 文章将详细介绍如何配置开发环境，以及如何利用 Taro 的特性和组件库来构建鸿蒙应用。 最近，Taro 发布了 v4.0.0-beta.x 版本，支持使用 Taro 快速开发鸿蒙原生应用，也可将现有的小程序转换为鸿蒙原生应用。 本文将正式为开发者提供一份完整的鸿蒙应用开发指南，帮助大家使用 Taro 开发自己的第一个鸿蒙应用。 本指南详细介绍了鸿蒙运行环境的配置、使用 Taro 开发鸿蒙应用的步骤和注意事项。我们希望，开发者们通过本指南，可以快速上手并高效开发自己的鸿蒙应用，顺利的进入到鸿蒙应用开发的新领域。
1.4K10编辑于 2024-02-26 - 来自专栏前端时空
Taro 实战网易云音乐小程序
今天推荐一个 React 实战项目，使用的是京东的 Taro 框架。 Taro Github https://github.com/NervJS/taro watch 688 star 26.2k fork 3.2k 简介 Taro 是一套遵循 React 语法规范的 多端开发 特性 支持多种框架 Taro 目前支持 React、Nerv、Vue 三类框架，在未来 Taro 将开放拓展能力，使得开发者可以通过 Taro 拓展更多的框架支持。 ，Taro 具有以下的优秀特性 ✅ 支持使用 npm/yarn 安装管理第三方依赖 ✅ 支持使用 ES7/ES8 甚至更新的 ES 规范，一切都可自行配置 ✅ 支持使用 CSS 预编译器，例如 Sass 基于 taro + taro-ui + redux + react-hooks + typescript 的网易云音乐 App 技术栈主要是：typescript、taro、taro-ui、redux、
1.2K30发布于 2020-07-08 - 来自专栏京东技术
Taro小程序跨端开发入门实战
为了让小程序开发更简单、高效，采用Taro作为首选框架，本文将分享Taro的实践经验，主要内容围绕什么是Taro以及Taro如何使用（正确使用的姿势），还有Taro背后的一些设计思想来展开，让读者能够对 Taro3.0已经逐渐成熟，实践项目已经进行Taro3.0的升级，因此本文代码示例以Taro3.0作为基础。 01 什么是Taro Taro 是一个多端统一的开发框架。 微信原生小程序转换Taro小程序 # 只运行一次即可 $ npx @tarojs/cli convert Taro项目的组成 图十二 Taro项目组成 Taro项目目录结构 基本的目录结构： ├─ : 0 ，不写默认会有问题（默认在中间渲染）； （6）mask 组件层级较深时，可能不会更新状态，可以使用 tt-modal 代替； （7）图片裁剪，语音识别，打印功能等依赖原生 API 不支持； （8） 微信自定义分享功能，图片裁剪，订单条形码等功能都做不了； （6）不支持同层渲染，原生组件上只能使用 Cover 组件； （7）ios 内嵌H5，如果url带参数，需要手动做一下urlencode编码； （8）
2.4K30发布于 2021-09-24 - 来自专栏图雀社区
Taro 小程序开发大型实战（二）：多页面跳转和 Taro UI 组件库
Taro 的路由功能 路由功能是实现多页面应用的核心，幸运的是 Taro 已经自带了。 demo 展示： 可以看到我们做了三点改进： 通过点击一个浮动按钮（Fab）[6]来触发创建新文章的浮动弹层（FloatLayout）[7] 发布成功后，会显示一条温馨的消息提示（Message）[8] 我们先尝鲜 Taro UI 的 AtButton 组件，替换掉之前 Taro 自带的 Taro 组件： import Taro from '@tarojs/taro' import { View, Form : https://taro-ui.jd.com/#/docs/floatlayout [8] 消息提示（Message）: https://taro-ui.jd.com/#/docs/message 小程序开发大型实战（一）：熟悉的React，熟悉的Hooks ·END·
3.8K20发布于 2020-04-07 - 来自专栏若川视野
Taro v3.6 代号为「Reach」，已发布 canary 版本
在这里特别感谢 @rebinv8[5] 为组件类型自动化脚本做出的贡献～ 三、支持适配鸿蒙— 在 Taro 与 OpenHarmony 建立官方合作关系，并受邀成立 CrossPlatformUI Sig [6]（跨平台前端框架兴趣小组）后，让 Taro 支持支配鸿蒙就一直在议程上，鸿蒙的方舟开发框架提供类 Web 范式编程，支持使用 JS 开发 UI 层，其语法与小程序相接近，可以沿用 Taro 现有的架构适配鸿蒙 MyApplication JS 项目 （5）使用预览器或真机查看应用效果 参考资料：《初窥鸿蒙[7]》、《华为开发者工具[8]》、《鸿蒙开发文档[9]》 项目运行 Taro 编译鸿蒙项目命令 $ taro /discussions/11740 [5] @rebinv8: https://github.com/robinv8 [6] CrossPlatformUI Sig: https://gitee.com /openharmony-sig/taro [7] 初窥鸿蒙: https://juejin.cn/post/6972109475347955749 [8] 华为开发者工具: https://developer.harmonyos.com
1.4K40编辑于 2023-02-03 - 来自专栏前端时空
Taro 实战网易严选三端项目
今天推荐一个 React 实战项目,使用的是京东的 Taro 框架开发的三端电商应用 —— 仿网易严选。 项目已经有点老旧。Martin 推荐它，是因为这是一个完整的 Taro 多端电商项目。 你需要使用 Taro 3.0.0 对此项目重构一下。 下面让我们看一下 taro-yanxuan 的 GitHub 项目介绍。Martin 略有删减。 taro-yanxuan Github ? 首个 Taro 多端统一实例 - 网易严选（小程序 + H5 + React Native） - By 趣店 FED https://github.com/qit-team/taro-yanxuan Watch https://github.com/qit-team/taro-yanxuan.git # 安装依赖，或 npm i yarn # 运行小程序，编译后的文件位于项目下的 dist 文件夹 # （微信 /docs/react-native.html npm run dev:rn 启动项目 git clone https://github.com/lsqy/taro-music.git cd taro-music
90820发布于 2020-07-10 - 来自专栏深度学习与python
Web技术栈也能开发鸿蒙应用？Taro 给出了一个友好的方案
同时，Taro 的适配代码直接桥接鸿蒙的 ArkUI 层，中间环节所造成的性能损失较少。 本文将深入探讨 Taro 适配鸿蒙 ArkTS 语言的工作原理，接下来我们先一同看看适配的整体思路。 Taro 开发鸿蒙应用时，只需要引入这个插件，执行对应的打包命令即可。 (2) 实现鸿蒙编译打包功能 上面提到，鸿蒙端平台插件会触发鸿蒙的编译打包流程，在该流程中，Taro 会使用 Vite（目前暂时只支持 Vite）来对项目代码进行打包，最后会输出一份可执行的鸿蒙工程源代码到鸿蒙工程目录中 在鸿蒙端方面，主导了 Taro 适配鸿蒙 ArkTS 的核心工作，负责整体架构的设计、核心模块的开发以及性能问题排查和优化。 在 4 月 18-20 日举办的 QCon 全球软件开发大会·北京站，他将以《Taro 适配鸿蒙的框架原理和性能优化》为题，分析 Taro 适配鸿蒙的主要性能瓶颈，比如自定义组件过多、声明式属性绑定过多
2.3K20编辑于 2024-01-23 - 来自专栏鸿蒙开发笔记
鸿蒙实战：ArkTs 开发一个鸿蒙应用
学习过的 ArkTs 知识点，一步一步开发一个小的鸿蒙应用示例，涉及到 ArkTs 语法、注解 @Entry 、 @Component、@state、路由、生命周期、@Prop、 @Link 、常用组件的使用等等知识点 要开发一个鸿蒙应用，首先我们需要知道 系统是如何找到页面的启动入口。 鸿蒙如何启动应用在 HarmonyOS 中，应用程序的启动入口 UIAbility，它继承自 Ability，所以我们需要声明一个 EntryAbility。 想要获取更多完整鸿蒙最新学习知识点，可关注B站：码牛课堂
93820编辑于 2024-07-22 2026 跨端框架横评：FinClip vs Taro vs uni-app vs Remax vs mPaaS 五款工具技术+业务双维度测评
Taro 早在 2024-01 发布的 4.0 Beta 中加入 Taro on Harmony，2024-09 京东 APP 纯血鸿蒙上线即采用 Taro on Harmony C-API；uni-app Taro 4.x 演进：2024-01-31 Taro 4.0 Beta 发布（首次加入 Taro on Harmony），2024-09 京东 APP 纯血鸿蒙在鸿蒙应用商城正式上线（核心购物链路如首页 → Taro（React 团队）或 uni-app x（Vue 团队）鸿蒙原生应用 + Vue → uni-app x鸿蒙原生应用 + React → Taro银行/证券/保险要做数字生态 → FinClip Taro/uni-app x 在鸿蒙上进展快，但信创是空白。 // FinClip SDK 启动时的热更新检查 FinAppClient.checkForUpdate({ appletId: '65b8c0a8e4b09c0001a12345
40910编辑于 2026-06-10- 来自专栏供应链项目实践
多端开发实战 | 基于 Taro 的多端智能补货预测系统实战指南
我们基于React+Taro技术栈构建的智能补货预测系统，通过算法模型分析历史销售数据、季节性因素和促销活动，为门店提供智能补货建议，同时支持多端协同和人工干预。 2.3 技术栈关键组成多端适配层：Taro 3.x实现跨端开发。NutUI组件库保证多端UI一致性。Taro-Request封装统一网络请求。业务逻辑层：Redux Toolkit状态管理。 优化策略：模型量化：将Float32权重转为Int8。层融合：合并LSTM相邻线性运算。剪枝：移除贡献度<0.001的神经元。4.2.3 实时数据同步问题场景：多门店同时操作导致库存数据冲突。 Taro.offNetworkStatusChange(handleOnline); Taro.offNetworkStatusChange(handleOffline); }; }, 通过本次智能补货预测系统的实践，我们验证了Taro框架在多端复杂业务场景下的可行性，同时探索出零售预测类系统的典型架构模式。
98320编辑于 2025-07-23 - 来自专栏供应链项目实践
多端开发实战 | 基于 Taro 多端门店库存实时同步系统实战指南
本文将基于Taro3.x+React技术栈，从架构设计到代码实现，完整呈现一套多端库存同步方案。 应用层Taro 统一接口：封装 useStock 自定义 Hook，统一调用库存 API。多端展示层Taro 编译为 H5 和小程序代码，UI 组件按平台适配。 应用层Taro 统一接口：封装 useStock 自定义 Hook，统一调用库存 API。多端展示层Taro 编译为 H5 和小程序代码，UI 组件按平台适配。 解决：虚拟列表：使用 Taro.virtualList 组件，仅渲染可视区内容。分页加载：滚动触底加载新批次数据。 ：提升库存透明度，降低用户决策成本；Taro 深度适配：一套代码覆盖 H5 与小程序，降低开发成本。
78220编辑于 2025-07-19 - 来自专栏供应链项目实践
多端开发实战 | 基于 Taro 的智能商品推荐系统多端实战指南
于是选择了支持React开发的Taro框架，Taro 框架提供了 “一次开发，多端运行” 的能力，这样学习成本少，上手也快。近期，我们在考虑在系统里增加个性化推荐，以此来提升用户留存与转化。 本文将深入探讨如何基于 Taro 在多端实现商品推荐核心功能，提供从架构设计到具体实现的全栈解决方案。 二、核心功能实现方案2.1 首页猜你喜欢推荐设计思路：基于用户画像的实时推荐，首屏加载时请求个性化数据import Taro, { useEffect } from '@tarojs/taro';import 性能优化：虚拟滚动技术解决长列表渲染问题（Taro VirtualList）。 通过本次实践，我们收获了：工程化经验：Taro框架在多端开发中的高效实践。算法集成：推荐系统与前端应用的深度协同。性能调优：大数据量下的流畅体验保障。
86520编辑于 2025-07-08 - 来自专栏京东技术
京东鸿蒙原生应用尝鲜版上架！
02、技术攻坚助力行业快速构建多端应用 在适配鸿蒙操作系统的过程中，京东与华为持续保持着密切的技术沟通与共创，双方共同攻坚行业适配难点，并推动多端统一开发解决方案Taro在业界率先实现对鸿蒙 ArkUI 此次鸿蒙版京东 APP 便使用了京东推出的 Taro 技术进行开发，而Taro 作为多端统一开发解决方案，可实现以 Web 开发范式来开发小程序、H5、RN 等跨端应用。 基于 Taro“一份代码，多端适配”能力，鸿蒙版京东APP 实现了与京东购物小程序的代码统一，在保障应用性能与体验的同时，极大降低了多端开发与维护成本。 同时双方也正在启动双线程架构版本的开发工作，未来Taro开发的鸿蒙应用性能将无限接近于原生 ArkTS 应用的卓越性能与体验，甚至在某些特定场景下有望超越。 作为头部首批华为鸿蒙合作伙伴，以Taro为代表的跨鸿蒙解决方案和京东多端开发解决方案的创新推出，将有力推动更多应用快速鸿蒙化。 END
58010编辑于 2024-07-04 - 来自专栏极乐技术社区
干货 | Taro 开发微信小程序入门与实战
对于 React 爱好者来说，Taro 将是你开发小程序的不二选择，Taro 是第一款用 React 语法写小程序的框架，一直在不断的迭代和快速的成长，官方团队还给开发者提供了 Taro-UI 库，同时支持将 微信小程序 转为 Taro 项目以及 Taro 代码与微信小程序代码混写 叨叨了这么多，回到分享的主题，下面将会详细介绍 如何使用 Taro 开发微信小程序 一：安装 Taro 开发工具 @tarojs 很多人反馈用原生的 Taro.request或者用第三方axios等等做异步请求总会有错，我没亲测，但是自己用promise封装了方法, 在根目录src文件夹下创建utils文件夹， 在这里我简单的模拟微信授权登录 四：this的指向问题 1）在 Taro 的页面和组件类中，this 指向的是 Taro 页面或组件的实例,如果我们要引用原生组件，需要使用到this的时候，如果如下引用： Taro.createCanvasContext
1.7K20发布于 2019-11-21 - 来自专栏前端时空
Github Daily - Taro 实战网易云音乐小程序
今天推荐一个 React 实战项目,使用的是京东的 Taro 框架。 特性 支持多种框架 Taro 目前支持 React、Nerv、Vue 三类框架，在未来 Taro 将开放拓展能力，使得开发者可以通过 Taro 拓展更多的框架支持。 ，Taro 具有以下的优秀特性 ✅ 支持使用 npm/yarn 安装管理第三方依赖 ✅ 支持使用 ES7/ES8 甚至更新的 ES 规范，一切都可自行配置 ✅ 支持使用 CSS 预编译器，例如 Sass taro-music Github 基于 taro + taro-ui + redux + react-hooks + typescript 的网易云音乐 App 技术栈主要是：typescript、taro w=1200&h=710&f=png&s=631273] [17329eb5354e8d01?w=1442&h=854&f=png&s=371740] [17329eb79d3b721d?
76076发布于 2020-07-08
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号