- 综合排序
- 最热优先
- 最新优先
- 来自专栏趣学前端
「Taro开发」前端多端开发，Taro观赏指南
背景最近接到多端开发，因为老项目使用的React，考虑到迁移成本，选择了Taro，迁移成本相对较低，且上手较快。Taro和uni-app我做了一下调研，目前市面上优秀且成熟的开源框架有很多。 关于它们的对比可以参看下面这篇掘金好文：Taro vs uni-app选型对比经历Taro综合考量，尤其是前面提到的，迁移成本，我最后选择了Taro。下面主要介绍Taro的使用以及迁移中的功能总结。 dev:h5$ yarn build:h5# npm script$ npm run dev:h5$ npm run build:h5项目迁移之React框架版选择框架因为我平时使用React框架进行开发 项目迁移之原生小程序后面有规划把原生小程序项目也使用Taro开发成多端，但是目前还没有实际应用，待我实际应用之后，再进行更新，我预测会遇到一些有趣的问题。 开发“指南针”开发过程中难免会遇到各种问题，不过它也侧面成为了我的“试金石”，我把遇到的问题、解决方案，详细的列出来，供jym参考，有些解决方案可能不是最优，欢迎大佬提供更优的方案。
2.7K10编辑于 2022-10-24 - 来自专栏Vue开发社区
Taro小程序开发总结
，同样的在子组件里面也是不执行的，必须放在父级的pages下才能够起作用 03.canvasToTempFilePath的使用 canvasToTempFilePath （canvas生成图片），用Taro 使用开发canvas，在 draw() 回调里调用该方法才能保证图片导出成功， Taro.canvasToTempFilePath({}, this)（然并卵），查看文档之后只能Taro.canvasToTempFilePath 的支持度不是很好，如果是列表的话，则会出现很多样式问题；采用boxshadow代替也会影响性能，只有采用十二进制的颜色 05.小程序自定义头部 小程序自定义头部 分为安卓和ios机型（iphone X）, 根据 Taro.getSystemInfoSync
71430编辑于 2022-03-28 - 来自专栏Vue开发社区
Taro小程序开发总结
同样的在子组件里面也是不执行的，必须放在父级的pages下才能够起作用 03 — canvasToTempFilePath的使用 canvasToTempFilePath （canvas生成图片），用Taro 使用开发canvas，在 draw() 回调里调用该方法才能保证图片导出成功， Taro.canvasToTempFilePath({}, this)（然并卵），查看文档之后只能Taro.canvasToTempFilePath 如果是列表的话，则会出现很多样式问题；采用boxshadow代替也会影响性能，只有采用十二进制的颜色 05 — 小程序自定义头部 小程序自定义头部 分为安卓和ios机型（iphone X）, 根据 Taro.getSystemInfoSync
1.2K10发布于 2020-05-12 - 来自专栏kyle的专栏
小程序开发之taro
一、关于taro taro是来自京东开发的一款一套代码，多端运行的框架，并且语法类似于react（个人喜欢react是因为他是一个库，而不是一个框架，随意搭配，以及函数式编程。） init projectName 之后会出现一个项目配置的选项，按照常用的配置进行选择就可以了 四、开发 安装好项目以后，就可以开始开发了，基本上原来wx开头api的都可以换成taro开头进行使用，像开发 和react开发不同点是，react提倡的是一切皆组件，但是taro为了兼容小程序，所以还是按照小程序来的，页面是页面，组件是组件。 ，进行二次开发。 七、 关于ReactNative 不建议taro兼容reactNative进行开发，因为reactNative适配很麻烦，开发app建议试试刚出来不久的flutter，虽然现在的flutter不及reactNative
1.3K40发布于 2020-08-24 - 来自专栏京东技术
使用Taro开发鸿蒙原生应用——当Taro遇到纯血鸿蒙
可以看出，显然，Web式的开发范式较贴近Web前端开发者的习惯，不过，它更适用于开发简单的卡片应用，Taro框架已经提供了对这种开发范式的支持，可以查看 Taro && 鸿蒙、OpenHarmony开发文档 这似乎就进入了 Taro 最熟悉的领域了，以 Web 的开发范式来统一各端开发。 在今年 8 月的「2023年华为开发者大会（HDC.Together）」上，Taro 团队受邀分享了 Taro 适配鸿蒙 ArkUI 的技术方案，整体技术路线是受到认可的，同时在后续的适配过程中也得到了来自华为的技术支持 哈哈哈，本文是 「Taro 适配鸿蒙 ArkTS」系列文章的第一篇，算是先导预告片，在后续我们会陆续释出其他文章，例如详解 Taro 适配鸿蒙 ArkTS 原理、Taro 开发 ArkTS 应用最佳实践 、Taro 性能优化利器-半编译技术介绍等等，向社区介绍 Taro 的最新成果。
72210编辑于 2024-03-26 - 来自专栏个人路线
使用京东Taro开发鸿蒙PC（附鸿蒙版Taro环境搭建流程）
Taro 是由京东发起并维护的开放式跨端跨框架解决方案，支持以 Web 的开发范式来实现小程序、H5、鸿蒙等平台的跨端统一开发。 三、安装 Taro 4.1 npm install -g @tarojs/cli 安装成功后，检查 taro 是否生效： taro --version 预期输出： Taro v4.1.1 4.1.1 文档[1] Taro 项目仓库[2] Taro 官方文档[3] Taro UI 项目仓库[4] Taro UI 官方文档[5] plugin-platform-harmony-cpp[6] taro-oh postcss-html-transform PostCSS 插件，用于 HTML、小程序标签的类名相互转换 坚果派社区 坚果派社区由坚果、狼哥等人创建，团队成员包括数位华为 HDE 及 1000+ HarmonyOS 开发者 团队成员主要分布在北京、上海、南京、深圳、广州、苏州、长沙、宁夏等地，已为华为、vivo、腾讯、亚马逊等提供开发咨询服务 100+ 次，累计粉丝 100w+，孵化开发者 10w+，覆盖高校 20+、企业
86210编辑于 2025-05-21 - 来自专栏WecTeam
Electron 在 Taro IDE 的开发实践
背景— Taro IDE 是一款我们正在精心打造的一站式移动端研发工作台。除了需要实现 Taro 从创建项目到预览、编译的全部能力，还需要打通用户测试、调试、监控等一系列流程。 为了提升开发体验，仅仅一个命令行工具是远远不够的，我们需要开发一款桌面客户端，并同时提供 Windows、MacOS 等不同系统的版本。 Devtron 是 Electron 提供的开发调试插件。在开发者工具中加入 Devtron 后，项目中的 IPC 通信、查看项目依赖、事件等信息，都可以在开发者工具中直接查看。 ，可以开始进行业务代码的开发了。 这有利于开发人员进一步了解用户的使用过程，方便问题的复现。 小结— 在开发桌面应用时，Electron 在效率上有很大的优势。几行 JS 代码就可以启动桌面客户端，大大降低了开发门槛。
2.8K20发布于 2020-04-09 - 来自专栏黯羽轻扬
Taro
，提高效率： 让原本只能运行在一端的项目获得多端运行的能力，降低开发者的重构成本。 微信小程序原生方式开发起来太费劲，遂想用React开发微信小程序 延伸 在React业务代码转微信小程序代码这个最初的需求实现之后，发现依靠同样的转换思路可以适配多端，即从1对1延伸到1对n： ? 提供了2个东西： 跨端组件库Taro UI 支持把自定义组件打包成各目标端支持的形式（具体见基于 Taro 开发第三方多端 UI 库） 前者解决有没有的问题，应对一般应用场景。 之类的多端代码转换方案才有意义 另一类场景是Taro最初想要解决的微信小程序开发体验问题，如果用Taro来开发微信小程序，一不小心还能适配多端，也是个不错的选择 参考资料 JDReact小程序双向转换工具介绍 为何我们要用 React 来写小程序 – Taro 诞生记 多端统一开发框架 Taro 1.0 正式发布 Taro 1.1 发布，全面支持微信/百度/支付宝 小程序 Taro深度开发实践 多端统一开发框架
2K50发布于 2019-06-12 - 来自专栏图雀社区
Taro 小程序开发大型实战（二）：多页面跳转和 Taro UI 组件库
我们应该能看到下面所示的效果： 加速开发，Taro UI 帮帮忙 在编写用户界面时，如果每次都要自己编写组件逻辑、调整组件样式，对于学习来说是完全可以的，但是对于实际开发任务就显得很麻烦了。 我们先尝鲜 Taro UI 的 AtButton 组件，替换掉之前 Taro 自带的 Taro 组件： import Taro from '@tarojs/taro' import { View, Form 提示 你也许会好奇为啥 Taro UI 的组件都以 At 开头？一个是为了与普通的 Taro 组件区分，另一个则是因为开发 Taro 团队正是 Aotu.io 凹凸实验室[9]。 utm_source=juejin_zhuanlan [16] Github: https://github.com/tuture-dev/ultra-club ● 一杯茶的时间，上手React框架开发 ● Redux包教包会（一）：解救React状态危机● Taro小程序开发大型实战（一）：熟悉的React，熟悉的Hooks ·END·
3.6K20发布于 2020-04-07 - 来自专栏京东技术
Taro小程序跨端开发入门实战
为了让小程序开发更简单、高效，采用Taro作为首选框架，本文将分享Taro的实践经验，主要内容围绕什么是Taro以及Taro如何使用（正确使用的姿势），还有Taro背后的一些设计思想来展开，让读者能够对 Taro3.0已经逐渐成熟，实践项目已经进行Taro3.0的升级，因此本文代码示例以Taro3.0作为基础。 01 什么是Taro Taro 是一个多端统一的开发框架。 Taro的主要特点 快：可以快速开发小程序，解决小程序开发的各种痛点； 多：可以实现多终端适配，一套代码适配小程序、H5、RN等多终端。 02 为什么用Taro 随着应用规模逐渐庞大，复杂度也随之越来越高，原生小程序开发的痛点逐渐暴露出来。 目前Taro框架完善社区活跃，即使没有多端需求，仅用 Taro 开发 H5 也是个不错的选择（未来可以 0 成本接入小程序平台），想了解更多 Taro 3.0 实践经验欢迎线下交流。
2.1K30发布于 2021-09-24 - 来自专栏鸿蒙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 init taro-ohos按照提示输入，这里使用以下配置? 请选择模板 默认模板等待项目创建成功，直到输出以下提示：Done in 44.95s.✔ 安装项目依赖成功创建项目 taro-ohos 成功！请进入项目目录 taro-ohos 开始工作吧！ taro build --type harmony --watch Taro v4.0.7watching for file changes...build started...✓ 7 modules
39610编辑于 2024-11-06 duxapp：基于Taro使用模块化开发，提升开发效率
duxapp是基于Taro二次开发的模块化框架使用这个框架，结合框架提供的UI库和工具库，能帮助你快速且高质量的完成项目，且能实现同时开发小程序、H5、APP（React Native），并且保证各个端的一致性 ，其实在一个项目中不是真的只有一个项目，在我的实际开发经验中，我是将很多项目放在一起开发的，我只需要通过 --app= 参数指定我的项目入口文件进行编译，他就是不同的项目多个项目同时存在，如何保持他们不混乱呢 Taro编译配置文件│ ├── taro.config.prod.js Taro 发布配置文件│ ├── taro.config.dev.js Taro 调试配置文件 ，后端框架是我的合伙人负责的，后端同样也是采用模块化的开发模式完成的，duxapp框架对后端框架已经打好了对接的基础，如果你考虑进一步提升后端的开发效率，可以考虑使用后端开发文档：https://www.dux.cn 、页面设计器等)等等请前往开发文档查看详细教程开发文档：http://duxapp.cn/GitHub：https://github.com/duxapp
61910编辑于 2024-09-23- 来自专栏晓月寒·
多端统一开发-Taro的安装与使用
Taro Taro是一套遵循React语法规则的多端开发解决方案。目前市面上已经有各式各样的小程序、h5和安卓、ios端，如何解决一次开发，多端运行已经成为开发者目前迫切需要解决的难题。 环境 Taro 是一个基于 NodeJS 的多端统一开发框架，在安装使用 Taro 之前需要确保已安装好 Node 环境。 安装 要使用Taro，需要安装Taro 开发工具 @tarojs/cli。 taro -V 使用 安装完taro开发工具之后，我们可以使用tarojs/cli来进行开发。 更新 taro-cli 工具： taro：taro update self npm：npm i -g @tarojs/cli@latest 更新项目中Taro相关的依赖：taro update project 项目文件 config: 和运行环境有关的配置文件 src：我们今后开发的文件大部分都会放在这里面，其中的pages为所有页面存放的位置。pages下每一个文件夹代表一个页面路径。
93620发布于 2019-05-22 - 来自专栏糊一笑
Taro开发微信小程序之初体验
Taro初体验 去官网，Github了解了一下，Taro是由京东·凹凸实验室团队开发的，在掘金上看到他们的发稿，大致归(tu)纳(cao)如下： 代码组织与语法：微信小程序需要在js/wxss/wxml Taro语法 Taro的开发语法遵循React，基本上写过React的都是很好上手。 一端开发，多端生成 正如Taro自己所说的，只需要写一个版本的代码，就可以编译生成H5、微信小程序以及RN的代码，在效率上确实会有所提升。 文档开发还有欠缺 对比了微信小程序官网和Taro的Gitbook文档，大致上很多东西都是一一对应的，基本的许多场景都可以满足，但是也有欠缺。 总结 如果你的项目足够下，并且没有运用到特别复杂的组件，并且需要开发多端代码，你可以尝试使用Taro，因为即使你需要的组件没有，也可以在有限的时间内方便地写出来。
1.6K20发布于 2018-07-04 - 来自专栏GoCoding
Taro 如何开始微信小程序的开发
代码：https://github.com/ikuokuo/start-taro 前提准备 yarn global add @tarojs/cli 创建项目 taro init my-app 输出信息 Taro v3.0.16 Taro 即将创建一个新项目! Need help? Go and open issue: https://tls.jd.com/taro-issue-helper ? 运行程序 微信小程序 下载并打开微信开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html ，然后导入 例如本文的选择，请阅读： React: https://taro-docs.jd.com/taro/docs/react Taro UI: https://taro-ui.jd.com/#/docs 参考 taro: https://github.com/nervjs/taro Taro Docs: https://taro-docs.jd.com/ Taro UI: https://taro-ui.jd.com
3.3K20发布于 2021-05-06 - 来自专栏采云轩
探索Taro：跨平台开发的实践与原理
这导致了各个小程序客户端之间的 Api 存在差异，不同平台的开发者需要针对不同的 Api 进行开发和适配。 对于开发者来说，针对不同平台重新开发一套小程序应用将变成一场无尽的噩梦。 在这样的背景下，Taro 的出现为开发者提供了一种解决方案。它通过提供一套统一的开发框架和组件，使开发者能够编写一套代码，同时在多个小程序平台上运行。 Taro 的编译工具能够将开发者的代码转换为不同平台所需的代码，从而实现跨平台的开发和适配，减轻了开发者的负担，提高了开发效率。 Taro是一套遵循 React 语法规范的多端统一开发框架（ps：Vue 语法也支持）。主要用于构建跨平台的小程序、H5和移动应用。 Taro 自定义组件和多端适应性：Taro 的内置组件天然适应框架，这意味着我们可以构建适用于多个平台的组件库，如 Taro UI。这样可以提高开发效率并实现跨平台的一致性。
2.6K00编辑于 2023-12-13 - 来自专栏图雀社区
Taro 支持使用 Vue3 开发小程序
前言— 9 月 19 日凌晨，Vue3 在经过多个开发版本的迭代后，终于迎来了它的正式版本，"One Piece" 的代号也昭示了其开拓伟大航路的野心。 我们是否也可以在小程序开发中使用这些特性呢？在 Taro 的文档里我们找到了关于 Vue3 的章节[1]，事不宜迟，让我们开始尝试吧。 如何在 Taro 里使用 Vue3— Vue3 带来的新特性可以让我们更加优雅和高效地进行开发，现在，来开启我们在 Taro 里使用 Vue3 的体验之旅吧。 script> 调用它的代码传入 mgs 如下： <Setup msg="hello"/> 运行后，小程序和 H5 都是支持的，页面整体表现如下： script setup 语法糖 可以看到，运用新特性进行开发 经过验证，Taro3 支持使用最新的 Vue3 开发多端应用，相比之下 H5 的支持度更好一些。
3K10发布于 2020-11-03 - 来自专栏JavaScript高级程序设计
Taro及Taro-UI从入门到放弃
封面图 Taro及Taro-Ui Taro是京东旗下的跨端开发框架，功能非常强大，支持React/Vue/Nerv进行小程序，H5，甚至是RN应用。 并且以Taro命名，足见其野心不小。 从这一方面看，你也许会想跃跃欲试，想着尽快将其用户生产环境的开发中去。 Taro-UI是基于Taro框架开发的多端UI组件，支持小程序及H5端，但是不能适配ReactNative。 但是今年伊始，因为项目中需要进行多端开发，所以一直在用Taro及Taro-UI进行开发，涉及两个项目，一个是项目需要同时打包成小程序及H5，另外一个项目是企业微信内应用开发。 从用Taro做客户端开发到用Taro做企业微信开发，个人的心态从信心满满变成了想马上弃坑。 是人性的扭曲？还是道德的沦丧？ 结论 所以最后的结论是，如果你的项目不涉及企业微信开发，那么你大可以使用Taro及Taro-UI，因为这些坑都是小坑。
3.2K40编辑于 2022-07-15 - 来自专栏极乐技术社区
干货 | Taro 开发微信小程序入门与实战
小程序的原生开发方式用的也是 JavaScript、HTML、CSS 语言。 技术选型 如果追求极致的性能又没有多终端适配的需求，推荐使用小程序原生的开发方式来开发。 如果你是 Vue 开发者，但又不想过多的折腾，继续沿用 Vue 的开发方式来开发小程序，那么用 mpvue 将会是你的最明智的选择。 对于 React 爱好者来说，Taro 将是你开发小程序的不二选择，Taro 是第一款用 React 语法写小程序的框架，一直在不断的迭代和快速的成长，官方团队还给开发者提供了 Taro-UI 库，同时支持将 微信小程序 转为 Taro 项目以及 Taro 代码与微信小程序代码混写 叨叨了这么多，回到分享的主题，下面将会详细介绍 如何使用 Taro 开发微信小程序 一：安装 Taro 开发工具 @tarojs 四：this的指向问题 1）在 Taro 的页面和组件类中，this 指向的是 Taro 页面或组件的实例,如果我们要引用原生组件，需要使用到this的时候，如果如下引用： Taro.createCanvasContext
1.6K20发布于 2019-11-21 - 来自专栏花叔的专栏
多端统一开发框架 Taro 1.0 正式发布
在 2018.6.7 我们对外开源了 多端统一开发框架——Taro。 Taro 是一个多端统一开发框架，它支持使用 React 的开发方式来编写可以同时在微信小程序、Web 、React Native 等多个平台上运行的应用，帮助开发者提升开发效率，改善开发体验，降低多端研发成本 在 GitHub 上交流之余，我们也为开发者们开通了官方微信群供大家一起讨论 Taro 与技术，目前已有超过 1700 位开发者在关注、使用 Taro ，期待更多开发者的加入。 所以，在 1.0.0-beta 版本开发期间，Taro 团队开发了多端 UI 库打包功能，提供了 taro build --ui 命令来将按照一定规则组织的代码打包成可以在 Taro 中使用的多端 UI 使用案例 在开源期间，随着 Taro 的逐步完善，越来越多的开发者加入到 Taro 的使用、开发中，产生了更多更优秀的使用案例。 ?
1.4K20发布于 2018-11-06
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号