- 综合排序
- 最热优先
- 最新优先
- 来自专栏HarmonyOS点石成金
鸿蒙开发：hvigor插件实现组件化运行
前言本项目API>=13关于鸿蒙项目的组件化运行，已经分享了两种方式了，分别是IDE插件方式和node脚本方式，今天给大家带来第三种方式，Hvigor插件方式；和前两种方式不同的是，它的使用更加简单，不需要我们手动的去切换就能实现组件运行 hvigor插件依赖目前插件已经发布npm平台，版本号为1.1.8，大家可以按照如下方式进行依赖插件，在hvigor目录下的hvigor-config.json5中，找到dependencies，在里面追加 ，我们的插件就依赖完成了。 hvigor插件使用hvigor插件使用和前两种方式完全不一样，它自动会识别你目前要运行的模块，不用单独的再次切换，比如你要运行某个模块，直接在顶部选择之后，直接运行即可。 相关总结目前第一次运行的时候，会在根项目下生成一个harmonyComponent.json5文件，这个文件的主要目的，用于控制插件是否执行，默认为true，每次运行都会执行插件，false不执行插件内容
29000编辑于 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项目中打插件包
24100编辑于 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方法,然后调用接口
70520编辑于 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.
35310编辑于 2025-06-28 - 来自专栏HarmonyOS点石成金
鸿蒙开发：hvigor插件中的节点模型HvigorNode
前言本文API>=13，基于DevEco Studio 5.1.0 Release，版本号5.1.0.828上篇文章，我们介绍了两种方式，实现了一个hvigor插件的开发，但是只概述了基本的开发流程，并未涉及到具体的代码开发 ，接下来的几篇文章，我们会重点去了解一下，hvigor插件中的那些API用法，以便于实际的插件开发。 首先是HvigorNode，它是hvigor中的节点模型接口，通过它，我们可以获取到模块的配置，属性和任务等。还记得上篇文章中，我们的插件开发是在哪里编写代码的吗？ id) => { console.log(id); })10、添加拓展属性 node.addExtraOption('key', 'value');11 ，极大的提高了我们编写插件的效率。
23400编辑于 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 插件实现了动态配置更新，有效避免了配置文件频繁修改引发的提交冲突。
92910编辑于 2025-05-08 Flutter 适配 OpenHarmony 全流程实战：基于 GitCode 社区项目快速落地
gitcode #openharmony 前言 适用版本：HarmonyOS 6 / DevEco Studio 5.0+ / flutter_harmony 社区方案 v1.0.0 更新时间：2025 年 11 找不到”报错 首次用 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 安装插件
36610编辑于 2025-12-22Flutter 编译开发 OpenHarmony 全流程实战教程（基于 GitCode 社区项目）
OpenHarmony 前言 作者：●VON 适用版本：HarmonyOS 6 / DevEco Studio 5.0+ / flutter_harmony 社区方案 v1.0.0 更新时间：2025 年 11 四、解决“找不到 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
33310编辑于 2025-12-21- 来自专栏MasiMaro 的技术博文
从零开始配置 vim(11)——插件管理
vim比较强大的一点是它拥有丰富的插件系统。大量高手在上面为它开发各种形式的插件。 今天我们将从插件管理开始，利用前人的成果丰富我们的vim功能 使用lua添加自动命令组 在正式开始介绍插件之前我们先优化一下加载配置文件的时机。 end) 接着我们需要在 init.lua 中加载这个文件 require("plugins") 后面我们可以使用下面的一些命令来对插件进行管理 PackerInstall：先清理不需要的插件然后安装插件 PackerClean： 清理不需要的插件 PackerUpdate：先清理插件，然后更新已有的插件，再安装暂时没有的插件 PackerSync: 包括 PackerClean和 PackerUpdate 后面几篇文章主要通过该插件管理工具来下载并配置一些插件，敬请期待！
1.4K30编辑于 2022-09-21 - 来自专栏鸿蒙开发笔记
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
41620编辑于 2024-10-30 - 来自专栏java一日一条
推荐11个挺常用的IDEA插件
今天介绍一下IDEA的一些炫酷且好用的插件，IDEA强大的插件库，不仅能给我们带来一些开发的便捷，还能体现我们的与众不同。 3、p3c 地址：https://plugins.jetbrains.com/plugin/10046-alibaba-java-coding-guidelines 阿里巴巴出品的java代码规范插件 11、Translation 地址：https://plugins.jetbrains.com/plugin/8579-translation 最好用的翻译插件，功能很强大，界面很漂亮 ? 以上插件均可在Intellij 插件市场中搜索到或者打开插件名字下方的链接从硬盘安装插件。 详细的可以看p3c插件的安装文档： https://github.com/alibaba/p3c/tree/master/idea-plugin 如果你有其它的好用插件，欢迎留言分享给大家。 ?
1.3K20发布于 2019-10-15 - 来自专栏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下载、插件安装、环境配置 项目创建流程：模板选择、参数配置、项目生成 签名配置：解决运行时的签名问题 项目结构：理解各个目录和文件的作用 开发规范
42110编辑于 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 在哪里。
33610编辑于 2026-02-09- 来自专栏鸿蒙开发笔记
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
40620编辑于 2024-11-11 - 来自专栏脑洞前端
动图演示11个必备 VS Code 插件
推荐几个非常实用的 VS Code 插件. 附 gif 图. 参考文章: 翻译文章[1] 提升开发效率的插件 1. Better Comments ? 使用上面这款插件, 它可以帮你用不同的颜色标识括号, 是不是很棒. 3. change-case ? 这个插件有很多有用的 snippets 片段, 你可以快速初始化一个样板代码, 节省大量时间. 5. ESLint 这一个插件应该都有安装, 好处不多讲了 6. GitLens ? 保持一样的 prettier 配置, 在团队合作中也是非常重要的. 11. Version Lens ? 跟踪 npm 包 的所有最新版本可能很麻烦。版本镜头显示你如何内联你安装的版本包。 不再使用的插件 当太多插件被添加到 VScode 中, 电脑小风扇就会呼呼呼地响. 因此我会卸载一些没必要的插件.
1.8K20发布于 2020-03-03 - 来自专栏前端桃园
动图演示11个必备 VS Code 插件
推荐几个非常实用的 VS Code 插件. 附 gif 图. 参考文章: 翻译文章[1] 提升开发效率的插件 1. Better Comments ? 使用上面这款插件, 它可以帮你用不同的颜色标识括号, 是不是很棒. 3. change-case ? 这个插件有很多有用的 snippets 片段, 你可以快速初始化一个样板代码, 节省大量时间. 5. ESLint 这一个插件应该都有安装, 好处不多讲了 6. GitLens ? 保持一样的 prettier 配置, 在团队合作中也是非常重要的. 11. Version Lens ? 跟踪 npm 包 的所有最新版本可能很麻烦。版本镜头显示你如何内联你安装的版本包。 不再使用的插件 当太多插件被添加到 VScode 中, 电脑小风扇就会呼呼呼地响. 因此我会卸载一些没必要的插件.
77620发布于 2020-02-26 - 来自专栏HarmonyOS点石成金
鸿蒙开发：基于最新API，如何实现组件化运行
插件形式进行组件化，奈何时间过去已久，之前的方式已不在通用，因为新的API更新迭代太快了，不知不觉API19已经到来，今年以来，已经更新了6个版本了，官方的速度如火箭一般，实现追不上啊！ 因为Api发生了变化，新的IDE中，创建的项目结构，也潜移默化的发生了变化，那么之前开发的插件也好，脚本也好，也是无法继续使用的，没办法，只能改造升级了。 system: hapTasks, /* Built-in plugin of Hvigor. , /* Built-in plugin of Hvigor. 手动只是让大家了解切换的原理，在实际开发中，可不推荐手动，下篇文章，我们将通过脚本或者插件，快速实现组件化模块之间的切换，实现独立运行，敬请期待！本文标签：鸿蒙新闻资讯类应用
21400编辑于 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
67810编辑于 2024-10-22 - 来自专栏鸿蒙开发笔记
鸿蒙开发实战案例：自动生成动态路由
动态import变量表达式，需要DevEco Studio NEXT Developer Preview1 （4.1.3.500）版本IDE，配合hvigor 4.0.2版本使用。 /hvigor-config.json5中配置插件 { ... 修改动态路由插件内解析装饰器方法，解析传入的字符串，通过相对路径实现在编译时获取对应常量文件，并根据常量名获取对应路由路径。编译修改后的路由插件，重新部署到工程内。 ） 6.TypeScript入门学习手册7.OpenHarmony 经典面试题(含参考答案)8.OpenHarmony设备开发入门【最新版】9.沉浸式剖析OpenHarmony源代码10.系统定制指南11 { "name": "autobuildrouter", "version": "1.0.2", // ... }修改hvigor-config.json5内插件路径。
51410编辑于 2025-02-18
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号