- 综合排序
- 最热优先
- 最新优先
- 来自专栏鸿蒙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 编译为鸿蒙工程 # 编译为鸿蒙 HAP 文件 taro build --type harmony_cpp 2. 七、项目总结 通过本项目，你可以学习到： Taro 跨端开发框架的使用 鸿蒙平台开发环境配置 接口调用与数据处理 页面布局与样式优化 希望本项目能帮助你快速搭建鸿蒙版每日资讯应用，提升开发效率。 八、项目地址 项目源码：https://gitcode.com/nutpi/taro-ohos-demo 九、鸿蒙侧注意事项 1.网络权限需要手动添加 "requestPermissions":
64610编辑于 2025-05-27 - 来自专栏前端Q
使用 Taro 开发鸿蒙原生应用 —— 探秘适配鸿蒙 ArkTS 的工作原理
其中，Taro作为一个重要的前端开发框架，也积极适配鸿蒙的新一代语言框架 —— ArkTS。 本文将深入探讨 Taro 适配鸿蒙 ArkTS 框架的工作原理，接下来我们先一同看看适配的整体思路。 其实这也是 Taro 1/2 升级到 Taro 3 的一个缩影，偏运行时的适配方案，一方面可以带来更好的用户开发体验，不去限制开发者的语法规范。 绑定成功后，React 项目代码对目标节点的增删改查的结果就会直接反应到我们创建的 Taro 虚拟 BOM、DOM 中了。 hostconfig 3. 正常的样式基于 W3C 规范，存在着类名级联和样式继承的行为，由于开发者在代码中的写法各异，Taro 没有办法在编译时获取准确的节点结构以及节点类名信息，因此无法支持这两种行为。 arkts-observed-and-objectlink-0000001473697338-V3 [3] 小程序半编译方案: https://github.com/NervJS/taro-rfcs/blob
2.8K20编辑于 2023-12-12 - 来自专栏京东技术
使用Taro开发鸿蒙原生应用——快速上手，鸿蒙应用开发指南
导读 本指南为开发者提供了使用 Taro 框架开发鸿蒙原生应用的快速入门方法。Taro，作为一个多端统一开发框架，让开发者能够使用一套代码同时适配多个平台，包括鸿蒙系统。 最近，Taro 发布了 v4.0.0-beta.x 版本，支持使用 Taro 快速开发鸿蒙原生应用，也可将现有的小程序转换为鸿蒙原生应用。 步骤 2：安装 Taro 适配鸿蒙插件 $ npm i @tarojs/plugin-platform-harmony-ets@beta 步骤 3：修改 Taro 编译配置 config/index.ts 3. 与小程序的差异 当下，虽然 Taro 适配鸿蒙 ArkTS 的工作已经基本完成，但在适配过程中，我们也发现了一些暂时无法解决或者计划后续解决的遗留问题。 正常的样式基于 W3C 规范，存在着类名级联和样式继承的行为，由于开发者在代码中的写法各异，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-music Github ? 基于 taro + taro-ui + redux + react-hooks + typescript 的网易云音乐 App 技术栈主要是：typescript、taro、taro-ui、redux、
1.2K30发布于 2020-07-08 - 来自专栏京东技术
Taro小程序跨端开发入门实战
Taro3.0已经逐渐成熟，实践项目已经进行Taro3.0的升级，因此本文代码示例以Taro3.0作为基础。 01 什么是Taro Taro 是一个多端统一的开发框架。 ； 3.支持React/Vue语法，更好地支持组件化和TypeScript； 4.行业影响力大，社区活跃，京东内部优秀团队研发的框架，支持有保障； 5.更加完善的UI组件库，支持多端同步调试，能够适配更多终端 内联本地图片资源可以使用 require 动态导入； 导入外部资源的 url 必须使用 https，有些平台或机型不支持 http ; 小程序插件导入可以使用 require 但是要做多平台适配和兼容性处理； 3. 百度会保留驼峰 ，正确地写法：data-goodsindex={index} ； 百度小程序开发注意事项 （1）层次较深的状态不会更新时，需要解构变量； （2）转换成 vw 样式有偏差，确保样式的通用性； （3） 京东小程序开发注意事项 （1）不支持全局覆盖组件样式，如果想兼容需要单写加上拼接样式名； （2）不支持小程序分包，需要单独配置页面路由信息； （3）showModal 弹窗不能定制 confirmColor
2.4K30发布于 2021-09-24 - 来自专栏图雀社区
Taro 小程序开发大型实战（二）：多页面跳转和 Taro UI 组件库
在这一篇文章中，我们将用 Taro 自带的路由功能实现多页面跳转，并用 Taro UI 组件库升级之前略显简陋的界面。 提示 项目中所需用到的图片可以从这个链接[3]下载，下载后解压并将所有图片放到 src/images 目录下。 Taro 的路由功能 路由功能是实现多页面应用的核心，幸运的是 Taro 已经自带了。 我们先尝鲜 Taro UI 的 AtButton 组件，替换掉之前 Taro 自带的 Taro 组件： import Taro from '@tarojs/taro' import { View, Form https://juejin.im/post/5e046c4fe51d45584221e508 [2] Github: https://github.com/tuture-dev/ultra-club [3] 小程序开发大型实战（一）：熟悉的React，熟悉的Hooks ·END·
3.8K20发布于 2020-04-07 - 来自专栏深度学习与python
Web技术栈也能开发鸿蒙应用？Taro 给出了一个友好的方案
同时，Taro 的适配代码直接桥接鸿蒙的 ArkUI 层，中间环节所造成的性能损失较少。 本文将深入探讨 Taro 适配鸿蒙 ArkTS 语言的工作原理，接下来我们先一同看看适配的整体思路。 其实这也是 Taro 1/2 升级到 Taro 3 的一个缩影，偏运行时的适配方案，一方面可以带来更好的用户开发体验，不去限制开发者的语法规范。 绑定成功后，React 项目代码对目标节点的增删改查的结果就会直接反应到我们创建的 Taro 虚拟 BOM、DOM 中了。 3. defaultEvent() .props(this.getVideoProps()) .attrs(getNormalAttributes(this.node)) } } (3) 正常的样式基于 W3C 规范，存在着类名级联和样式继承的行为，由于开发者在代码中的写法各异，Taro 没有办法在编译时获取准确的节点结构以及节点类名信息，因此无法支持这两种行为。
2.3K20编辑于 2024-01-23 - 来自专栏小鑫の随笔
Taro3 不使用 TypeScript 的情况下使用 taro-ui 时报错
最近有个小程序的项目，用 taro3 脚手架创建了项目，在组件里引入了 taro-ui 的组件之后，执行 yarn dev:weapp 一直报错，报错内容是无法识别 taro-ui 里面的 ts 语法 /node_modules/babel-loader/lib/index.js): SyntaxError: /Users/chenlin/workspace/taro_test/node_modules /taro-ui/dist/weapp/components/swipe-action/index.tsx: Unexpected token, expected "{" (22:54) 20 | import 后来搜了下官方 issue，发现有人遇到过这个问题，原因是 taro-ui 2.x 跟 taro 3.x 不兼容，需要安装 3.x 的 taro-ui issue 地址：https://github.com /NervJS/taro-ui/issues/1179 首发自：Taro3 不使用 TypeScript 的情况下使用 taro-ui 时报错 - 小鑫の随笔
1.4K20编辑于 2022-04-26 - 来自专栏个人路线
鸿蒙 dialog各种用法教程【鸿蒙专题3】
前言： 最近又在看鸿蒙相关的文档 学习了一些鸿蒙里面dialog的用法。所以今天就出一篇dialog的文章分享给大家，那么废话不多说我们正式开始。 = (TextField) customComponent.findComponentById(ResourceTable.Id_num_2_textfield); checkCode3 = (TextField) customComponent.findComponentById(ResourceTable.Id_num_3_textfield); checkCode4 getContent() { return "" + checkCode1.getText() + checkCode2.getText() + checkCode3. 当然我们也可以尽量封装的更好拓展一点 这具体需求和个人设计了 到此 鸿蒙的dialog用法我们就讲完了 最后总结 鸿蒙里面的 dialog 无论是 自定义的 dialog 还是 listdialog
1.1K20编辑于 2021-12-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 版本
所以在 Taro 3 发布之初，Web 端跨框架组件库还通过提供不同前端 UI 框架的自定义适配器，让不同框架使用 taro 提供的跨框架组件。 [6]（跨平台前端框架兴趣小组）后，让 Taro 支持支配鸿蒙就一直在议程上，鸿蒙的方舟开发框架提供类 Web 范式编程，支持使用 JS 开发 UI 层，其语法与小程序相接近，可以沿用 Taro 现有的架构适配鸿蒙 ” 鸿蒙运行环境主要包括以下内容 （1） 注册开发者账号 （2）下载 DevEco Studio 安装包 （3）启动 DevEco Studio，根据工具引导下载 HarmonyOS SDK （4）新建 MyApplication JS 项目 （5）使用预览器或真机查看应用效果 参考资料：《初窥鸿蒙[7]》、《华为开发者工具[8]》、《鸿蒙开发文档[9]》 项目运行 Taro 编译鸿蒙项目命令 $ taro 3.
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 五款工具技术+业务双维度测评
SDK 极轻量）优（小程序原生性能）小（3MB SDK）优优（小程序统一运行时）性能数据来源：Taro 官方博客、uni-app x 官方 benchmark（2026-03 鸿蒙端公开测试）、mPaaS 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 一个 5 人前端团队用 AI Coding + Taro，3 周可以完成原本 3 个月的工作量。这意味着"跨端框架的语法兼容性"这个传统护城河正在被 AI 削弱。 Taro/uni-app x 在鸿蒙上进展快，但信创是空白。
40910编辑于 2026-06-10- 来自专栏万少的技术分享
鸿蒙元服务实战-笑笑五子棋（3）
鸿蒙元服务实战-笑笑五子棋（3） 接上篇。上一篇主要讲解了元服务的创建和 canvas 的一些基本使用，直线、矩形、弧形、文本、图像等。canvas 本身还有很多其他 的功能。 // 2 设置到canvas的fillStyle中 this.context.fillStyle = pattern } // 3
40300编辑于 2025-02-10 - 来自专栏供应链项目实践
多端开发实战 | 基于 Taro 的多端智能补货预测系统实战指南
二、技术架构全景设计2.1 分层解耦架构系统采用分层解耦架构，确保各模块独立演进能力：2.2 架构解析终端层：基于Taro3.x实现跨端渲染，主要功能模块包括：补货看板（实时预测可视化）。 2.3 技术栈关键组成多端适配层：Taro 3.x实现跨端开发。NutUI组件库保证多端UI一致性。Taro-Request封装统一网络请求。业务逻辑层：Redux Toolkit状态管理。 return abs(zScore) > 3 ? 使用3σ法则（Z-score）判断当前销售是否为异常值。若Z-score绝对值>3，则用基准均值替换异常值。非促销期数据直接返回原值。 关键算法：3σ法则计算Z-score：(当前值 - 均值) / 标准差。判定规则：|Z-score| > 3 视为异常值（99.7%的正常数据应在±3σ内）。
98320编辑于 2025-07-23 - 来自专栏供应链项目实践
多端开发实战 | 基于 Taro 多端门店库存实时同步系统实战指南
本文将基于Taro3.x+React技术栈，从架构设计到代码实现，完整呈现一套多端库存同步方案。 应用层Taro 统一接口：封装 useStock 自定义 Hook，统一调用库存 API。多端展示层Taro 编译为 H5 和小程序代码，UI 组件按平台适配。 应用层Taro 统一接口：封装 useStock 自定义 Hook，统一调用库存 API。多端展示层Taro 编译为 H5 和小程序代码，UI 组件按平台适配。 'soldout'; if (stock <= 5) return 'danger'; if (stock <= 10) return 'warning'; return 'normal';}（3） 注册订阅关系 * 3.
78220编辑于 2025-07-19 - 来自专栏图雀社区
Taro 支持使用 Vue3 开发小程序
在 Taro 的文档里我们找到了关于 Vue3 的章节[1]，事不宜迟，让我们开始尝试吧。 如何在 Taro 里使用 Vue3— Vue3 带来的新特性可以让我们更加优雅和高效地进行开发，现在，来开启我们在 Taro 里使用 Vue3 的体验之旅吧。 在线预览地址在这里[3]。 经过验证，Taro3 支持使用最新的 Vue3 开发多端应用，相比之下 H5 的支持度更好一些。 截至目前，Taro 对 Vue3 的支持在小程序端的稍有不足，希望 Taro 团队可以早日补足这个短板。 : https://taro-docs.jd.com/taro/docs/GETTING-STARTED ● JavaScript 测试系列实战（一）：使用 Jest 和 Enzyme 测试 React
3.1K10发布于 2020-11-03
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号