- 综合排序
- 最热优先
- 最新优先
- 来自专栏鸿蒙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遇到纯血鸿蒙
可以看出，显然，Web式的开发范式较贴近Web前端开发者的习惯，不过，它更适用于开发简单的卡片应用，Taro框架已经提供了对这种开发范式的支持，可以查看 Taro && 鸿蒙、OpenHarmony开发文档 在今年 8 月的「2023年华为开发者大会（HDC.Together）」上，Taro 团队受邀分享了 Taro 适配鸿蒙 ArkUI 的技术方案，整体技术路线是受到认可的，同时在后续的适配过程中也得到了来自华为的技术支持 目前，基于上述思路，Taro React 适配鸿蒙 ArkTS 的工作已经进入收尾阶段，预计将在 12 月下旬发布可用版本，想要了解进展的朋友可以查看这篇文档，根据相应分支来 follow 我们的进展， 哈哈哈，本文是 「Taro 适配鸿蒙 ArkTS」系列文章的第一篇，算是先导预告片，在后续我们会陆续释出其他文章，例如详解 Taro 适配鸿蒙 ArkTS 原理、Taro 开发 ArkTS 应用最佳实践 、Taro 性能优化利器-半编译技术介绍等等，向社区介绍 Taro 的最新成果。
88210编辑于 2024-03-26 - 来自专栏个人路线
使用京东Taro开发鸿蒙PC（附鸿蒙版Taro环境搭建流程）
Taro 是由京东发起并维护的开放式跨端跨框架解决方案，支持以 Web 的开发范式来实现小程序、H5、鸿蒙等平台的跨端统一开发。 六、编译鸿蒙应用 # 编译鸿蒙应用 taro build --type harmony_cpp # 编译鸿蒙原生组件 taro build native-components --type harmony_cpp & OpenHarmony | Taro 文档[1] Taro 项目仓库[2] Taro 官方文档[3] Taro UI 项目仓库[4] Taro UI 官方文档[5] plugin-platform-harmony-cpp /taro-loader Webpack loaders @tarojs/helper 工具库，主要供 CLI、编译时使用 @tarojs/runner-utils 工具库，主要供小程序、H5 的编译工具使用 /taro-ui [5] Taro UI 官方文档: https://taro-ui.jd.com/ [6] plugin-platform-harmony-cpp: https://www.npmjs.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 ，同时设置 height: 100vh 使容器占满整个视口高度，避免内容区域被顶部导航栏遮挡 .index { padding: 5px 10px 10px; /* 上:5px 左右:10px 下: 编译为鸿蒙工程 # 编译为鸿蒙 HAP 文件 taro build --type harmony_cpp 2. 七、项目总结 通过本项目，你可以学习到： Taro 跨端开发框架的使用 鸿蒙平台开发环境配置 接口调用与数据处理 页面布局与样式优化 希望本项目能帮助你快速搭建鸿蒙版每日资讯应用，提升开发效率。
64610编辑于 2025-05-27 - 来自专栏前端Q
使用 Taro 开发鸿蒙原生应用 —— 探秘适配鸿蒙 ArkTS 的工作原理
其中，Taro作为一个重要的前端开发框架，也积极适配鸿蒙的新一代语言框架 —— ArkTS。 本文将深入探讨 Taro 适配鸿蒙 ArkTS 框架的工作原理，接下来我们先一同看看适配的整体思路。 5. Taro 开发鸿蒙应用时，只需要引入这个插件，执行对应的打包命令即可。 鸿蒙端平台插件 (2) 实现鸿蒙编译打包功能 上面提到，鸿蒙端平台插件会触发鸿蒙的编译打包流程，在该流程中，Taro 会使用 Vite（目前暂时只支持 Vite）来对项目代码进行打包，最后会输出一份可执行的鸿蒙工程源代码到鸿蒙工程目录中 在 H5 端、小程序端还有鸿蒙端在转换后的应用和页面效果基本一致。
2.8K20编辑于 2023-12-12 - 来自专栏京东技术
使用Taro开发鸿蒙原生应用——快速上手，鸿蒙应用开发指南
导读 本指南为开发者提供了使用 Taro 框架开发鸿蒙原生应用的快速入门方法。Taro，作为一个多端统一开发框架，让开发者能够使用一套代码同时适配多个平台，包括鸿蒙系统。 文章将详细介绍如何配置开发环境，以及如何利用 Taro 的特性和组件库来构建鸿蒙应用。 最近，Taro 发布了 v4.0.0-beta.x 版本，支持使用 Taro 快速开发鸿蒙原生应用，也可将现有的小程序转换为鸿蒙原生应用。 本文将正式为开发者提供一份完整的鸿蒙应用开发指南，帮助大家使用 Taro 开发自己的第一个鸿蒙应用。 根据项目需要在鸿蒙主项目 entry/src/main/module.json5 中所需要使用到的机器权限。
1.4K10编辑于 2024-02-26 鸿蒙5开发宝藏案例分享---切面编程实战揭秘
鸿蒙切面编程（AOP）实战指南：隐藏的宝藏功能大揭秘！ 大家好！今天在翻鸿蒙开发者文档时，意外发现了官方埋藏的「切面编程」宝藏案例！实际开发中这些技巧能大幅提升效率，却很少被提及。 * * * 一、什么是鸿蒙的切面编程？ addAfter`：方法执行后插桩（如统计耗时） - `replace`：直接替换方法逻辑（紧急修复神器） > 底层原理：通过修改类的`prototype`实现动态代理（JS原型链机制） * * * 二、实战案例详解 // "ChildA定制数据" new ChildB().fetchData(); // "基础数据"（不受影响） ``` **优势**：精准控制，不影响其他继承类 * * * #### 场景5： 建议大家收藏本文案例，关键时刻能省80%的加班时间~ 遇到问题欢迎在评论区交流，一起玩转鸿蒙黑科技！
20710编辑于 2025-06-17鸿蒙5开发宝藏案例分享---内存优化实战指南
**Hey，各位鸿蒙开发者们！** 大家有没有这种感觉：官方文档虽然全面，但有时候就像一座巨大的宝库，里面藏着很多超实用的“金矿”，不仔细挖还真发现不了！ ### 实战步骤 & 讲解 1. ### 开发者视角 + 小技巧 - **Allocation 实战：** 怀疑某个列表滑动卡顿？ 希望这份结合官方精华和实战经验的分享，能帮你真正用好鸿蒙的这些“宝藏”功能，打造出内存占用低、运行流畅、用户喜爱的高质量应用！ 一起进步，让鸿蒙生态的应用体验更上一层楼！ **Happy Coding & Optimizing! **
50410编辑于 2025-06-27鸿蒙5开发宝藏案例分享---瀑布流优化实战分享
鸿蒙瀑布流性能优化实战：告别卡顿的宝藏指南！ 大家好！最近在鸿蒙文档里挖到一个**性能优化宝藏库**，原来官方早就准备好了各种场景的最佳实践！ **组件重建**：滑动时反复创建销毁组件 * * * ### 二、官方四大优化方案（附实战代码） #### 方案1：懒加载 + 缓存池 ``` WaterFlow() { LazyForEach(this.dataSource height(this.calcHeight(item)) // ✅ 固定高度 }, item => item.id) } .columnsTemplate("1fr 1fr") .cachedCount(5) // ✅ 屏幕外缓存5个 ``` **优化原理**： - `LazyForEach`：仅渲染可视区组件 - `cachedCount`：构建滑动缓冲区（类似RecyclerView的缓存池） ``` * * * 结语 没想到鸿蒙文档里藏着这么多实用案例！这次优化后我们的瀑布流FPS稳定在58+，内存下降70%。 大家还遇到过哪些性能卡点？欢迎在评论区讨论交流
27610编辑于 2025-06-27鸿蒙5开发宝藏案例分享---Swiper组件性能优化实战
**组件要复用**：`@Reusable` + `aboutToReuse()`更新数据* * *### 最后的话这次挖到的鸿蒙性能优化案例确实让人眼前一亮！
31710编辑于 2025-06-18- 来自专栏前端时空
Taro 实战网易云音乐小程序
今天推荐一个 React 实战项目，使用的是京东的 Taro 框架。 使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动/QQ小程序、快应用、H5、React-Native 等）运行的代码。 特性 支持多种框架 Taro 目前支持 React、Nerv、Vue 三类框架，在未来 Taro 将开放拓展能力，使得开发者可以通过 Taro 拓展更多的框架支持。 目前 Taro 代码可以支持转换到 微信/百度/支付宝/字节跳动/QQ小程序 、快应用、 H5 端 以及 移动端（React Native）。 下面介绍今天的主角。 基于 taro + taro-ui + redux + react-hooks + typescript 的网易云音乐 App 技术栈主要是：typescript、taro、taro-ui、redux、
1.2K30发布于 2020-07-08 鸿蒙5开发宝藏案例分享---埋点开发实战指南
### 鸿蒙埋点开发宝藏指南：官方案例实战解析，轻松搞定数据追踪！ 大家好呀！我是HarmonyOS开发路上的探索者。最近在折腾应用埋点时，意外发现了鸿蒙开发者官网藏着一堆**实战宝藏案例**！ * * * 埋点架构设计：三层核心模型 鸿蒙的埋点架构分为三层，官方案例中`DataTrackTemplate`项目完美诠释了该设计： ``` // 数据采集层（基础SDK） public class dispatcher.asyncDispatch(() -> { // 线程安全的埋点处理 }); ``` * * * 结语：让埋点不再是负担 这次深扒官方案例库（路径：`/samples`目录），发现鸿蒙其实提供了超多实用资源
23010编辑于 2025-06-17- 来自专栏京东技术
Taro小程序跨端开发入门实战
使用 Taro 它可以支持 React 的开发方式，编写一次可以运行多端的代码，就能够生成可以在各种小程序，H5 甚至 React Native 等多端应用。 Taro的官方介绍 Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5/ React Taro的主要特点 快：可以快速开发小程序，解决小程序开发的各种痛点； 多：可以实现多终端适配，一套代码适配小程序、H5、RN等多终端。 . } // H5 逻辑 if (process.env.TARO_ENV === 'h5') { // ... } // 头条小程序 逻辑 if (process.env.TARO_ENV = 目前Taro框架完善社区活跃，即使没有多端需求，仅用 Taro 开发 H5 也是个不错的选择（未来可以 0 成本接入小程序平台），想了解更多 Taro 3.0 实践经验欢迎线下交流。
2.4K30发布于 2021-09-24 鸿蒙5开发宝藏案例分享---应用架构实战技巧
** 今天咱们聊聊鸿蒙开发中那些“官方文档提了但实际开发难找”的架构设计技巧。 鸿蒙的分层架构（产品定制层、基础特性层、公共能力层）不是空谈，核心是**降低耦合**和**多端复用**。 实战场景：子线程获取数据 → 主线程刷新UI ``` // 在ViewModel中 import { emitter, TaskDispatcher } from '@ohos.base'; import // 加载成功后跳转到新闻页 router.pushUrl({ url: 'pages/NewsPage' }); } ); ``` * * * 四、官方文档没明说的实战技巧 * * * 结尾 鸿蒙的分层和模块化设计，初期搭建费点劲，但后期维护真香！建议大家： 1. 公共代码坚决下沉到 `common` 层； 1.
49010编辑于 2025-06-27- 来自专栏图雀社区
Taro 小程序开发大型实战（二）：多页面跳转和 Taro UI 组件库
/app.scss' // 如果需要在 h5 环境中开启 React Devtools // 取消以下注释： // if (process.env.NODE_ENV ! == 'production' && process.env.TARO_ENV === 'h5') { // require('nerv-devtools') // } class App extends 而 Taro 也提供了 Taro UI[5] 组件库，为我们提供了能够适应多端的成熟组件。在这一步中，我们将用 Taro UI 升级界面，让它看上去更像一个成熟的小程序。 UI 首先安装 Taro UI 的 npm 包： npm install taro-ui 为了后续能在 H5 中使用 taro-ui，我们需要在 config/index.js 中添加如下配置： h5 小程序开发大型实战（一）：熟悉的React，熟悉的Hooks ·END·
3.8K20发布于 2020-04-07 - 来自专栏深度学习与python
Web技术栈也能开发鸿蒙应用？Taro 给出了一个友好的方案
因此 Taro 为这些开发者提供了新的选择方案，可以让开发者使用 Web 技术栈去开发鸿蒙的 APP 应用，且可以通过 Taro 直接转成 H5 和小程序版本，减少二次开发的工作量。 同时，Taro 的适配代码直接桥接鸿蒙的 ArkUI 层，中间环节所造成的性能损失较少。 本文将深入探讨 Taro 适配鸿蒙 ArkTS 语言的工作原理，接下来我们先一同看看适配的整体思路。 5. 在 H5 端、小程序端还有鸿蒙端在转换后的应用和页面效果基本一致。 在鸿蒙端方面，主导了 Taro 适配鸿蒙 ArkTS 的核心工作，负责整体架构的设计、核心模块的开发以及性能问题排查和优化。
2.3K20编辑于 2024-01-23 - 来自专栏万少的技术分享
鸿蒙元服务实战-笑笑五子棋（5）
鸿蒙元服务实战-笑笑五子棋（5） 来到最后一章了，这一章节讲两个部分。一是笑笑五子棋的卡片制作，二就是发布上架。 const dc = directions[i].dc let count = 1; // 向一个方向检查 for (let i = 1; i < 5; +; } else { break; } } // 向另一个方向检查 for (let i = 1; i < 5; 如果要将卡片发布上架，还需要做一些小处理 设置你的元服务的展示图标 配置证书 打包成 Hap 在 AGC 平台上发布上架等等 具体流程可以参考底部的文章 参考链接 卡片开发 HarmonyOS Next 实战卡片开发 01 HarmonyOS Next 实战卡片开发 02 HarmonyOS Next 实战卡片开发 03 HarmonyOS Next 最新 元服务新建到上架全流程 代码仓库 https://gitee.com
30210编辑于 2025-02-10 - 来自专栏若川视野
Taro v3.6 代号为「Reach」，已发布 canary 版本
1.4K40编辑于 2023-02-03 - 来自专栏京东技术
京东鸿蒙原生应用尝鲜版上架！
02、技术攻坚助力行业快速构建多端应用 在适配鸿蒙操作系统的过程中，京东与华为持续保持着密切的技术沟通与共创，双方共同攻坚行业适配难点，并推动多端统一开发解决方案Taro在业界率先实现对鸿蒙 ArkUI 此次鸿蒙版京东 APP 便使用了京东推出的 Taro 技术进行开发，而Taro 作为多端统一开发解决方案，可实现以 Web 开发范式来开发小程序、H5、RN 等跨端应用。 基于 Taro“一份代码，多端适配”能力，鸿蒙版京东APP 实现了与京东购物小程序的代码统一，在保障应用性能与体验的同时，极大降低了多端开发与维护成本。 通过双方合作沉淀的经验，京东将助力公司内部以及业界众多小程序、H5、RN 业务可以快速迁移到鸿蒙生态，为丰富鸿蒙应用生态提供成熟可靠的解决方案。 作为头部首批华为鸿蒙合作伙伴，以Taro为代表的跨鸿蒙解决方案和京东多端开发解决方案的创新推出，将有力推动更多应用快速鸿蒙化。 END
58010编辑于 2024-07-04 2026 跨端框架横评：FinClip vs Taro vs uni-app vs Remax vs mPaaS 五款工具技术+业务双维度测评
2.3 跨端覆盖范围 框架iOSAndroid鸿蒙 NEXTWeb/H5微信小程序支付宝/抖音/百度小程序Windows/macOSLinux/信创Taro✅ (RN)✅ (RN)✅ ( Taro/uni-app x 完全没有信创方案。FinClip 是 5 家里跨端覆盖最完整的（含信创，iOS/Android/鸿蒙/Windows/macOS/Linux/车机/电视）。 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 在鸿蒙上进展快，但信创是空白。
40910编辑于 2026-06-10
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号