鸿蒙应用入门级开发者认证实验二(基础装饰器)
【摘要】 项目打开后在下面的同步和信息窗口总能看到ohpm、hvigor的字样,他们是什么呢?ohpm是OpenHarmony Package Manager的缩写(类似的还有npm),即鸿蒙三方库管理工具。它专门用于管理HarmonyOS项目中的第三方组件和依赖关系,支持从远程仓库自动下载、安装及更新共享库(如UI组件、网络模块等)。当你看到它,表明项目可能正在自动处理依赖项的版本校验或下载更新操作...
项目打开后在下面的同步和信息窗口总能看到ohpm、hvigor的字样,他们是什么呢?
ohpm是OpenHarmony Package Manager的缩写(类似的还有npm),即鸿蒙三方库管理工具。它专门用于管理HarmonyOS项目中的第三方组件和依赖关系,支持从远程仓库自动下载、安装及更新共享库(如UI组件、网络模块等)。当你看到它,表明项目可能正在自动处理依赖项的版本校验或下载更新操作。
Hvigor是鸿蒙应用开发的专用构建工具(H代表HarmonyOS,vigor(活力)体现其增量编译、并行构建的高效特性),负责管理代码编译、资源打包、签名等任务,核心特点是增量构建(只处理改动部分)和并行执行(多模块同时处理)。它还支持插件扩展。日常点击DevEco Studio的运行按钮时,背后实际触发的就是Hvigor的构建流程。
ArkTS自定义组件实验要点梳理:
一、组件声明规范
- 使用struct关键字定义组件结构体,命名避免与系统组件冲突
- 添加@Component装饰器赋予组件能力
- @Entry装饰器标记入口组件(每个页面唯一入口、根节点)
- @Preview装饰器支持DevEco Studio实时预览
二、组件结构要求
- 必须实现build()方法构建UI
- build()函数内使用链式语法描述声明式UI
- 入口组件build()必须有且仅有一个根容器组件(如Column/Row)
三、多文件组件调用
- 新建组件文件示例(Second.ets):
@Component
export struct External_customComponents {
build() {
Column() {
Text('外部组件内容')
}
}
}
- 主页面调用示例(Index.ets):
import { External_customComponents } from './Second'
@Entry
@Component
struct Index {
build() {
Column() {
Text('主组件内容')
External_customComponents() // 调用外部组件
}
}
}
四、工程化实践
- 复杂页面建议拆分为独立组件文件
- 通过export/import实现跨文件组件复用

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)