- 综合排序
- 最热优先
- 最新优先
- 来自专栏鸿蒙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 init taro-ohos 按照提示输入以下配置： 注意：当前仅支持使用 Vite 编译鸿蒙应用，所以在配置时请注意选择。 六、编译鸿蒙应用 # 编译鸿蒙应用 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 /NervJS/taro [3] Taro 官方文档: https://docs.taro.zone/docs [4] Taro UI 项目仓库: https://github.com/NervJS
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 font-size: 16px; margin-top: 50px; } 为加载失败的提示添加红色警告样式： .error-tip { text-align: center; color: #ff4d4f 编译为鸿蒙工程 # 编译为鸿蒙 HAP 文件 taro build --type harmony_cpp 2. 七、项目总结 通过本项目，你可以学习到： Taro 跨端开发框架的使用 鸿蒙平台开发环境配置 接口调用与数据处理 页面布局与样式优化 希望本项目能帮助你快速搭建鸿蒙版每日资讯应用，提升开发效率。
64610编辑于 2025-05-27 - 来自专栏前端Q
使用 Taro 开发鸿蒙原生应用 —— 探秘适配鸿蒙 ArkTS 的工作原理
其中，Taro作为一个重要的前端开发框架，也积极适配鸿蒙的新一代语言框架 —— ArkTS。 本文将深入探讨 Taro 适配鸿蒙 ArkTS 框架的工作原理，接下来我们先一同看看适配的整体思路。 原理图 4. 鸿蒙端平台插件 (2) 实现鸿蒙编译打包功能 上面提到，鸿蒙端平台插件会触发鸿蒙的编译打包流程，在该流程中，Taro 会使用 Vite（目前暂时只支持 Vite）来对项目代码进行打包，最后会输出一份可执行的鸿蒙工程源代码到鸿蒙工程目录中 然后我们会利用 Rust 开发一个解析 React 组件与对应的 CSS 文件的工具[4]，为每一个 React 节点计算样式最终样式，应用于 React Native、鸿蒙等不支持 CSS 写法的场景 /blob/feat/compile-mode/rfcs/0000-compile-mode.md [4] 利用 Rust 开发一个解析 React 组件与对应的 CSS 文件的工具: https://
2.8K20编辑于 2023-12-12 - 来自专栏京东技术
使用Taro开发鸿蒙原生应用——快速上手，鸿蒙应用开发指南
导读 本指南为开发者提供了使用 Taro 框架开发鸿蒙原生应用的快速入门方法。Taro，作为一个多端统一开发框架，让开发者能够使用一套代码同时适配多个平台，包括鸿蒙系统。 文章将详细介绍如何配置开发环境，以及如何利用 Taro 的特性和组件库来构建鸿蒙应用。 最近，Taro 发布了 v4.0.0-beta.x 版本，支持使用 Taro 快速开发鸿蒙原生应用，也可将现有的小程序转换为鸿蒙原生应用。 本文将正式为开发者提供一份完整的鸿蒙应用开发指南，帮助大家使用 Taro 开发自己的第一个鸿蒙应用。 'entry' hapName: 'entry', // 【可选】modules 的入口名称，默认为 'default' name: 'default', }, } 步骤 4：
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-music Github ? 基于 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 是一个多端统一的开发框架。 ； 3.支持React/Vue语法，更好地支持组件化和TypeScript； 4.行业影响力大，社区活跃，京东内部优秀团队研发的框架，支持有保障； 5.更加完善的UI组件库，支持多端同步调试，能够适配更多终端 } ； 百度小程序开发注意事项 （1）层次较深的状态不会更新时，需要解构变量； （2）转换成 vw 样式有偏差，确保样式的通用性； （3）个别组件 height: auto 有bug，不写没事； （4） 京东小程序开发注意事项 （1）不支持全局覆盖组件样式，如果想兼容需要单写加上拼接样式名； （2）不支持小程序分包，需要单独配置页面路由信息； （3）showModal 弹窗不能定制 confirmColor 属性； （4）
2.4K30发布于 2021-09-24 - 来自专栏图雀社区
Taro 小程序开发大型实战（二）：多页面跳转和 Taro UI 组件库
在 React 社区，我们有诸如 Ant Design[4] 这样的组件库，能够让我们快速搭建一套专业美观的界面。 我们先尝鲜 Taro UI 的 AtButton 组件，替换掉之前 Taro 自带的 Taro 组件： import Taro from '@tarojs/taro' import { View, Form 参考资料 [1] 上一篇教程: https://juejin.im/post/5e046c4fe51d45584221e508 [2] Github: https://github.com/tuture-dev /ultra-club [3] 这个链接: https://github.com/tuture-dev/ultra-club/releases/download/v0.0.1/images.zip [4] 小程序开发大型实战（一）：熟悉的React，熟悉的Hooks ·END·
3.8K20发布于 2020-04-07 - 来自专栏深度学习与python
Web技术栈也能开发鸿蒙应用？Taro 给出了一个友好的方案
此外，本文作者、Taro 核心开发宣泽彬老师还将在 4 月 18-20 日举办的 QCon 全球软件开发大会·北京站深入分享性能优化的思路，敬请期待。 同时，Taro 的适配代码直接桥接鸿蒙的 ArkUI 层，中间环节所造成的性能损失较少。 本文将深入探讨 Taro 适配鸿蒙 ArkTS 语言的工作原理，接下来我们先一同看看适配的整体思路。 4. 在鸿蒙端方面，主导了 Taro 适配鸿蒙 ArkTS 的核心工作，负责整体架构的设计、核心模块的开发以及性能问题排查和优化。 在 4 月 18-20 日举办的 QCon 全球软件开发大会·北京站，他将以《Taro 适配鸿蒙的框架原理和性能优化》为题，分析 Taro 适配鸿蒙的主要性能瓶颈，比如自定义组件过多、声明式属性绑定过多
2.3K20编辑于 2024-01-23 - 来自专栏万少的技术分享
鸿蒙元服务实战-笑笑五子棋（4）
鸿蒙元服务实战-笑笑五子棋（4） 我们在这一章节主要实现五子棋的基本逻辑 核心目录结构 ├─ets │ ├─entryability │ │ EntryAbility.ets │ │ │ } .width('100%') .height('100%') .linearGradient({ colors: [["#DEF9ED", 0], ["#F4F5F7 ; let count = 1; // 向一个方向检查（从当前落子位置开始，沿着指定方向向前检查） // 循环尝试查找连续相同颜色的棋子，最多查找连续4个 } } // 向另一个方向检查（从当前落子位置开始，沿着指定方向的反方向检查） // 同样循环尝试查找连续相同颜色的棋子，最多查找连续4个
31310编辑于 2025-02-10 - 来自专栏前端时空
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 - 来自专栏若川视野
Taro v3.6 代号为「Reach」，已发布 canary 版本
二、跨框架组件库— 借助于 stencil，Taro 3 得以通过 Web Components 实现一套跨框架组件库，不过由于其 2.14+ 版本会使用一些 webpack4 不兼容的语法特性，在 3.6 通过在 Taro 社区中的积极探讨[4]和论证，我们引入了自动同步各小程序平台组件类型的脚本，并通过与 GitHub CI 让机器人为 Taro 仓库提交类型更新 PR。 [6]（跨平台前端框架兴趣小组）后，让 Taro 支持支配鸿蒙就一直在议程上，鸿蒙的方舟开发框架提供类 Web 范式编程，支持使用 JS 开发 UI 层，其语法与小程序相接近，可以沿用 Taro 现有的架构适配鸿蒙 ” 鸿蒙运行环境主要包括以下内容 （1） 注册开发者账号 （2）下载 DevEco Studio 安装包 （3）启动 DevEco Studio，根据工具引导下载 HarmonyOS SDK （4）新建 MyApplication JS 项目 （5）使用预览器或真机查看应用效果 参考资料：《初窥鸿蒙[7]》、《华为开发者工具[8]》、《鸿蒙开发文档[9]》 项目运行 Taro 编译鸿蒙项目命令 $ taro
1.4K40编辑于 2023-02-03 - 来自专栏鸿蒙开发笔记
鸿蒙实战：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 3.x 起重运行时架构（4.x 延续），React/Vue 源码经过 Babel/AST 转换生成各端代码（H5/小程序/RN），运行时再通过模拟 DOM/BOM 适配到各端。 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 在鸿蒙上进展快，但信创是空白。
40910编辑于 2026-06-10- 来自专栏供应链项目实践
多端开发实战 | 基于 Taro 的多端智能补货预测系统实战指南
我们基于React+Taro技术栈构建的智能补货预测系统，通过算法模型分析历史销售数据、季节性因素和促销活动，为门店提供智能补货建议，同时支持多端协同和人工干预。 二、技术架构全景设计2.1 分层解耦架构系统采用分层解耦架构，确保各模块独立演进能力：2.2 架构解析终端层：基于Taro3.x实现跨端渲染，主要功能模块包括：补货看板（实时预测可视化）。 2.3 技术栈关键组成多端适配层：Taro 3.x实现跨端开发。NutUI组件库保证多端UI一致性。Taro-Request封装统一网络请求。业务逻辑层：Redux Toolkit状态管理。 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 组件按平台适配。 getStockStatus = quantity => { // 库存为0时返回售罄状态 if (quantity === 0) return { status: '售罄', color: '#ff4d4f ; if (stock <= 5) return 'danger'; if (stock <= 10) return 'warning'; return 'normal';}（3）实时推送服务（4）
78220编辑于 2025-07-19 - 来自专栏供应链项目实践
多端开发实战 | 基于 Taro 的智能商品推荐系统多端实战指南
于是选择了支持React开发的Taro框架，Taro 框架提供了 “一次开发，多端运行” 的能力，这样学习成本少，上手也快。近期，我们在考虑在系统里增加个性化推荐，以此来提升用户留存与转化。 本文将深入探讨如何基于 Taro 在多端实现商品推荐核心功能，提供从架构设计到具体实现的全栈解决方案。 二、核心功能实现方案2.1 首页猜你喜欢推荐设计思路：基于用户画像的实时推荐，首屏加载时请求个性化数据import Taro, { useEffect } from '@tarojs/taro';import 性能优化：虚拟滚动技术解决长列表渲染问题（Taro VirtualList）。 合并双路请求结果并更新建议列表 * 4.
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
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号