- 综合排序
- 最热优先
- 最新优先
- 来自专栏HarmonyOS点石成金
鸿蒙开发：hvigor插件实现组件化运行
前言本项目API>=13关于鸿蒙项目的组件化运行，已经分享了两种方式了，分别是IDE插件方式和node脚本方式，今天给大家带来第三种方式，Hvigor插件方式；和前两种方式不同的是，它的使用更加简单，不需要我们手动的去切换就能实现组件运行 hvigor插件依赖目前插件已经发布npm平台，版本号为1.1.8，大家可以按照如下方式进行依赖插件，在hvigor目录下的hvigor-config.json5中，找到dependencies，在里面追加 ，我们的插件就依赖完成了。 hvigor插件使用hvigor插件使用和前两种方式完全不一样，它自动会识别你目前要运行的模块，不用单独的再次切换，比如你要运行某个模块，直接在顶部选择之后，直接运行即可。 相关总结目前第一次运行的时候，会在根项目下生成一个harmonyComponent.json5文件，这个文件的主要目的，用于控制插件是否执行，默认为true，每次运行都会执行插件，false不执行插件内容
27800编辑于 2025-06-28 - 来自专栏HarmonyOS点石成金
鸿蒙开发：hvigor插件中的文件操作
前言本文API>=13，基于DevEco Studio 5.1.0 Release，版本号5.1.0.828之前在《hvigor插件实现组件化运行》一文中，我们生成了一个文件，主要用于模块运行包和共享包之间切换的控制 当然了，还有很多的应用场景，比如，在构建前，针对代码规范进行检查，如果有不符合规范的地方，输出到一个错误文件中，或者，需要针对项目中的代码进行动态修改等等场景，hvigor插件开发中如何去实现呢？ 这就是这篇文章要概述的内容，hvigor插件中的文件操作。 使用FileUtil之前，我们先导入模块，如下代码所示：import { FileUtil } from '@ohos/hvigor';主要方法概述1、判断文件路径是否存在使用exist方法来判断一个文件地址是否存在 项目开发的时候，可能会有报错，不过不要担心，集成到DevEco Studio中是可以正常执行的，不过在写的时候，大家可以在DevEco Studio中先验证，无问题后再复制到typescript项目中打插件包
22900编辑于 2025-06-28 - 来自专栏鸿蒙开发笔记
HarmonyOS 开发实践 —— 基于hvigor插件定制构建
能力说明hvigor-ohos-plugin插件支持在hvigorfile.ts里插入使用者的自定义构建任务,并且在运行时获取到自定义的一些编译参数,以及实现修改产物属性的功能。 根据命令参数和hvigor-config.json5文件中的配置，设置hvigor的构建参数，并构造出hvigor对象，此对象贯穿整个hvigor生命周期，从最开始创建出来一直到此次构建结束才被销毁。 /hvigorw --sync -p key=hello，控制台打印：hello三、 修改打包产物属性hvigor-ohos-plugin插件支持在hvigorfile.ts里接收部分编译配置，以实现动态配置构建配置 ';import { hvigor, getNode } from '@ohos/hvigor'; hvigor.nodesEvaluated(() => { const node = getNode 首先在hvigorfile.ts文件中只需定义一个pluginId（任务Id）和name（任务名称），并实现其中的run方法，即可创建一个任务,然后当前node节点添加插件并执行插件的apply方法,然后调用接口
67020编辑于 2024-11-24 - 来自专栏HarmonyOS点石成金
鸿蒙开发：如何实现一个hvigor插件
前言本文API>=13，基于DevEco Studio 5.1.0 Release，版本号5.1.0.828上篇文章，我们针对鸿蒙开发中的模块，实现了单一模块运行，使用的是hvigor插件的形式，通过hvigor 插件，我们可以看到，它自动化执行了某些特定的任务，减少了我们的手动干预，确保了构建过程的一致可靠性，可以说，在实际的开发中，极大的提高了我们的开发效率，今天，我们这篇文章，就一起实现一个hvigor插件 目前有两种方式实现hvigor插件，一种是基于hvigorfile脚本，另一种是基于基于typescript项目；两者有着一定的区别，hvigorfile脚本形式，直接写到项目中即可，便于我们针对脚本的更改 第一步：导入接口import { HvigorPlugin, HvigorNode } from '@ohos/hvigor';第二步：实现自定义插件function myPlugin(): HvigorPlugin '); } }}第三步：使用插件export default { system: appTasks, /* Built-in plugin of Hvigor.
34010编辑于 2025-06-28 - 来自专栏HarmonyOS点石成金
鸿蒙开发：hvigor插件中的节点模型HvigorNode
前言本文API>=13，基于DevEco Studio 5.1.0 Release，版本号5.1.0.828上篇文章，我们介绍了两种方式，实现了一个hvigor插件的开发，但是只概述了基本的开发流程，并未涉及到具体的代码开发 ，接下来的几篇文章，我们会重点去了解一下，hvigor插件中的那些API用法，以便于实际的插件开发。 首先是HvigorNode，它是hvigor中的节点模型接口，通过它，我们可以获取到模块的配置，属性和任务等。还记得上篇文章中，我们的插件开发是在哪里编写代码的吗？ parentNode = childDode.getParentNode(); console.log(parentNode.getNodeName()); })6、节点注册任务注册任务，它会在hvigor ，极大的提高了我们编写插件的效率。
22000编辑于 2025-06-28 - 来自专栏个人路线
鸿蒙版 Flutter 升级 ohos 构建过程：支持依赖插件源码构建
为解决这些问题，本次更新引入了 Hvigor 插件，实现动态配置更新，并支持直接依赖插件源码进行构建，显著提升开发体验。 **添加 Hvigor 插件** 在 ohos/hvigorfile.ts 中添加 Hvigor 插件 flutterHvigorPlugin，代码如下： import path from 'path '; import { getNode, hvigor } from'@ohos/hvigor' const directory = '替换为 har 产物目录路径' const rootNode = **更新 hvigorfile.ts 文件** 将插件项目下的 hvigorfile.ts 改为： import { harTasks } from '@ohos/hvigor-ohos-plugin 总结 本次鸿蒙版 Flutter 优化 ohos 构建过程，通过引入 Hvigor 插件实现了动态配置更新，有效避免了配置文件频繁修改引发的提交冲突。
90110编辑于 2025-05-08 - 来自专栏鸿蒙开发笔记
HarmonyOS 开发实践——模块化架构组件 （使用系统路由表+注解+hvigor插件 自动配置项目模块化）
@satis/oh-router简介@satis/oh-router 与 hvigor插件 @satis-sun/modularity-plugin 配合使用，无需手动配置系统路由表，使用注解的方式即可完成系统路由表的配置 下载安装ohpm install @satis/oh-router推荐使用 @satis-sun/modularity-plugin 插件，该插件会自动配置模块依赖 @satis/oh-router、@ satis/common_router无需手动安装配置 工程目录下的 hvigor/hvigor-config.json5{ "modelVersion": "5.0.0", "dependencies modularity-plugin": "^1.0.4" }, ... }配置工程目录下 hvigorfile.tsimport { appTasks } from '@ohos/hvigor-ohos-plugin
40520编辑于 2024-10-30 - 来自专栏CSDNToQQCode
鸿蒙最新版本开发工具DevEco Studio NEXT Developer Beta5(5.0.3.700)下载
hvigor 5.5.1 编译构建工具DevEco Hvigor（以下简称Hvigor），适用于API 10及以上的工程。 ohpm 5.0.6 OpenHarmony三方库的包管理工具。 hvigorw 5.5.1 编译构建工具DevEco Hvigor（以下简称Hvigor），适用于API 10及以上的工程。 ohpm 5.0.6 OpenHarmony三方库的包管理工具。 hvigor-config.json5中properties下新增hvigor.keepDependency字段，用于指定是否保持hsp模块的所有依赖。。 本地单元测试新增支持mock能力。 变更特性 DevEco Studio下架Intelligent Coding Assistant插件。 在进行native调试时，开发者可以同时设置数据断点的最大数量由4个变为2个。
1.1K10编辑于 2024-08-22 - 来自专栏个人路线
第一个鸿蒙仓颉应用
在开始开发之前，需要先准备开发环境： 下载DevEco Studio IDE 访问华为开发者官网下载最新版本的DevEco Studio 如果没有开发者账号，需要先申请注册 IDE下载页面 安装仓颉插件 下载完成后，从本地安装IDE插件 确保插件版本与IDE版本兼容 插件安装界面 重启IDE 安装成功后需要重启IDE以确保插件生效 重启后可以在新建项目时看到仓颉相关模板 创建仓颉项目 步骤一：新建项目 ：用于存放当前工程使用的hvigor cangjie-build-support-x.y.z-cj.x.tgz：仓颉指定的hvigor任务包 hvigor-config.json5：指定工程全局使用的hvigor 以及hvigor参数配置 oh_modules：用于存放三方库依赖信息，包含应用/服务所依赖的第三方库文件 开发注意事项 1. 现在您应该对以下内容有了基本了解： 开发环境搭建：IDE下载、插件安装、环境配置 项目创建流程：模板选择、参数配置、项目生成 签名配置：解决运行时的签名问题 项目结构：理解各个目录和文件的作用 开发规范
36410编辑于 2025-11-29 解决 Flutter for OpenHarmony 构建失败：HVigor ERROR 00303168 (SDK component missing)
解决 Flutter for OpenHarmony 构建失败：HVigor ERROR 00303168 (SDK component missing) 在使用 Flutter 开发 OpenHarmony 一、 错误现象 当执行 release 构建命令时，终端或 PowerShell 会抛出以下错误信息： 命令： flutter build app --release 错误信息： > hvigor 随后伴随 Hvigor 构建任务失败的堆栈跟踪（Stack trace）： * Running task 'assembleApp'... * ProcessException: The command SDK 路径未识别：Flutter for OpenHarmony 依赖特定的 OpenHarmony SDK（Hvigor/ArkUI），构建工具无法在当前环境中找到这些必要的组件。 构建工具（Hvigor）迷路了，你需要通过 local.properties 或环境变量明确告诉它 OpenHarmony SDK 在哪里。
19110编辑于 2026-02-09Flutter 适配 OpenHarmony 全流程实战：基于 GitCode 社区项目快速落地
全程基于 GitCode 开源社区的稳定示例项目，聚焦“插件缺失”“版本不兼容”等高频问题，提供标准化解决方案，助力开发者一次性跑通全流程！ 找不到”报错 首次用 DevEco Studio 打开项目时，极易出现以下报错： Cannot find module 'flutter-hvigor-plugin' 这是因鸿蒙 Flutter 适配插件未自动安装导致 /flutter/bin/flutter pub get），避免调用系统默认的普通 Flutter SDK； 命令执行成功后，将自动完成 flutter-hvigor-plugin 插件安装、Dart 依赖下载、鸿蒙与 Flutter 桥接文件生成，ohos/hvigorconfig.ts 可正常识别插件。 八、高频问题解决方案汇总 遇到的问题 具体解决方案 Cannot find module 'flutter-hvigor-plugin' 进入项目根目录，执行 flutter pub get 安装插件
31410编辑于 2025-12-22- 来自专栏鸿蒙开发笔记
HarmonyOS 开发实践——基于自定义注解和代码生成实现路由框架
实现路由表生成插件新建插件目录etsPlugin，建议创建在HarmonyOS工程目录之外mkdir etsPlugincd etsPlugin创建npm项目npm init安装依赖npm i --save-dev @types/node @ohos/hvigor @ohos/hvigor-ohos-pluginnpm i typescript handlebars初始化typescript配置. 在应用中使用修改项目的hvigor/hvigor-config.json文件，导入路由表插件{ "hvigorVersion": "4.2.0", "dependencies": { "@ohos /hvigor-ohos-plugin": "4.2.0", "@app/ets-generator" : "file:../.. )，加载插件import { harTasks } from '@ohos/hvigor-ohos-plugin';import {PluginConfig,etsGeneratorPlugin} from
38720编辑于 2024-11-11 - 来自专栏HarmonyOS点石成金
鸿蒙开发：基于最新API，如何实现组件化运行
插件形式进行组件化，奈何时间过去已久，之前的方式已不在通用，因为新的API更新迭代太快了，不知不觉API19已经到来，今年以来，已经更新了6个版本了，官方的速度如火箭一般，实现追不上啊！ 因为Api发生了变化，新的IDE中，创建的项目结构，也潜移默化的发生了变化，那么之前开发的插件也好，脚本也好，也是无法继续使用的，没办法，只能改造升级了。 system: hapTasks, /* Built-in plugin of Hvigor. , /* Built-in plugin of Hvigor. 手动只是让大家了解切换的原理，在实际开发中，可不推荐手动，下篇文章，我们将通过脚本或者插件，快速实现组件化模块之间的切换，实现独立运行，敬请期待！本文标签：鸿蒙新闻资讯类应用
20200编辑于 2025-06-27 - 来自专栏鸿蒙Flutter实战
鸿蒙Flutter实战：07-混合开发
app.json5│ └── resources│ ├── base│ └── rawfile├── build-profile.json5├── dependencies│ ├── hvigor -4.1.1.tgz│ ├── hvigor-ohos-arkui-x-plugin-3.1.0.tgz│ └── hvigor-ohos-plugin-4.1.1.tgz├── entry│ 1.0.4.har│ ├── flutter.har│ ├── flutter_boost.har│ ├── flutter_module.har│ └── lib_base.har├── hvigor │ └── hvigor-config.json5├── hvigorfile.ts├── local.properties├── oh-package.json5├── package-lock.json └── package.json参考资料撰写双端平台代码（插件编写实现）鸿蒙Flutter功能开发鸿蒙add-to-app示例如何使用混合开发 module
66310编辑于 2024-10-22 Flutter 编译开发 OpenHarmony 全流程实战教程（基于 GitCode 社区项目）
本文将手把手带你从 零开始配置并运行一个 Flutter + OpenHarmony 的混合项目，全程基于 GitCode 上开源的社区示例（如 pocket_tool-v1.0.0），解决“找不到插件 四、解决“找不到 flutter-hvigor-plugin”问题 首次用 DevEco Studio 打开项目时，大概率会报错： Cannot find module 'flutter-hvigor-plugin 这是因插件未安装导致的。 该命令会： 拉取 flutter_hvigor_plugin 安装 Dart 依赖 生成必要的桥接文件 ✅ 执行成功后，ohos/hvigorconfig.ts 就能正确识别插件了！ 八、常见问题总结 问题 解决方案 Cannot find module 'flutter-hvigor-plugin' 执行 flutter pub get 安装插件 依赖拉取失败 检查 .ohpmrc
30610编辑于 2025-12-21- 来自专栏HarmonyOS知识集合
【HarmonyOS NEXT】鸿蒙目前最好用的路由管理 HMRouter （一）
作为插件集成到项目中进行使用，目前代码开源在Gitee上，也可以直接拿源码模块使用，或者自己魔改（不过要注意在商业项目中使用，开源协议的问题）。 三、快速使用（1）集成HMRouter插件1.首先需要下载依赖"dependencies": { "@hadss/hmrouter": "^1.0.0-rc.5" }2.编译插件配置"dependencies ": { "@hadss/hmrouter-plugin": "^1.0.0-rc.4" // 使用npm仓版本号},import { hapTasks } from '@ohos/hvigor-ohos-plugin hapPlugin } from "@hadss/hmrouter-plugin";export default { system: hapTasks, /* Built-in plugin of Hvigor cannot be modified. */ plugins: [hapPlugin()] /* Custom plugin to extend the functionality of Hvigor
65710编辑于 2025-06-29 - 来自专栏个人路线
HarmonyOS NEXT Developer Beta5版本发布啦
hvigor-config.json5中properties下新增hvigor.keepDependency字段，用于指定是否保持hsp模块的所有依赖。 具体可参考hvigor-config.json5。 本地单元测试新增支持mock能力。具体请参考mock能力。 应用与服务体检新增1条快速性能体检规则。具体请参考评分方法及规则。 变更特性 DevEco Studio下架Intelligent Coding Assistant插件。 在进行native调试时，开发者可以同时设置数据断点的最大数量由4个变为2个。
38910编辑于 2024-08-27 - 来自专栏HarmonyOS点石成金
鸿蒙开发：了解构建工具hvigorw
这里首先做一个混淆解读，hvigorw作为Hvigor的wrapper包装工具，它的主要作用是，支持自动安装Hvigor构建工具和相关插件依赖，以及执行Hvigor构建命令，和我们项目中的hvigorfile.ts 和hvigor-config.json5可不是一码事，千万不要弄混淆了。 hvigor-config.json5文件则是在项目中的hvigor目录下：它的主要作用是，指定当前工程的开发态构建工具版本号、构建任务和脚本的依赖版本等；指定构建工具的相关能力，包括日志级别、执行策略等 执行以下命令：export PATH=${COMMANDLINE_TOOL_DIR}/command-line-tools/bin:$PATH环境配置好之后，切换到工程根目录，执行如下命令，如果能够查询Hvigor
44310编辑于 2025-06-13 - 来自专栏万少的技术分享
小白必看 HarmonyOS Next HMRouter 轻松上手秘籍
是 hsp 模块 配置环境 使用 ohpm 安装依赖 ohpm install @hadss/hmrouter ohpm install @hadss/hmrouter-transitions 编译插件配置 修改工程的hvigor/hvigor-config.json文件，加入路由编译插件 { "dependencies": { "@hadss/hmrouter-plugin": "^1.0.0 -rc.10" // 使用npm仓版本号 } // ...其他配置 } 在使用到 HMRouter 的模块中引入路由编译插件，修改hvigorfile.ts 我们项目的模块无非是 Hap (HMParamType.all); 指定编译目录 刚才的登录页面是存放到 components 目录下的，实际开发中，我们可以会通过 views来存放页面，所以这里来设置下 在项目根目录创建路由编译插件配置文件 main/ets/views 重新编译执行即可 模块之间跳转 刚才的演示是在同一个模块内进行的，现在我们来演示不同模块之间的跳转 演示的目标是 entry 模块跳转到 cart 模块 cart 模块配置编译插件
40110编辑于 2025-02-10 - 来自专栏鸿蒙开发笔记
鸿蒙开发实战案例：自动生成动态路由
动态import变量表达式，需要DevEco Studio NEXT Developer Preview1 （4.1.3.500）版本IDE，配合hvigor 4.0.2版本使用。 /hvigor-config.json5中配置插件 { ... 修改动态路由插件内解析装饰器方法，解析传入的字符串，通过相对路径实现在编译时获取对应常量文件，并根据常量名获取对应路由路径。编译修改后的路由插件，重新部署到工程内。 修改插件后，需将package.json内版本号提升，打包后替换到libs文件内。 { "name": "autobuildrouter", "version": "1.0.2", // ... }修改hvigor-config.json5内插件路径。
48010编辑于 2025-02-18
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号