鸿蒙应用入门级开发者认证实验二(基础装饰器)

举报
黄生 发表于 2025/11/22 21:16:47 2025/11/22
【摘要】 项目打开后在下面的同步和信息窗口总能看到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自定义组件实验要点梳理:

一、组件声明规范

  1. 使用struct关键字定义组件结构体,命名避免与系统组件冲突
  2. 添加@Component装饰器赋予组件能力
  3. @Entry装饰器标记入口组件(每个页面唯一入口、根节点)
  4. @Preview装饰器支持DevEco Studio实时预览

二、组件结构要求

  1. 必须实现build()方法构建UI
  2. build()函数内使用链式语法描述声明式UI
  3. 入口组件build()必须有且仅有一个根容器组件(如Column/Row)

三、多文件组件调用

  1. 新建组件文件示例(Second.ets):
@Component
export struct External_customComponents {
  build() {
    Column() {
      Text('外部组件内容')
    }
  }
}
  1. 主页面调用示例(Index.ets):
import { External_customComponents } from './Second'

@Entry
@Component
struct Index {
  build() {
    Column() {
      Text('主组件内容')
      External_customComponents() // 调用外部组件
    }
  }
}

四、工程化实践

  1. 复杂页面建议拆分为独立组件文件
  2. 通过export/import实现跨文件组件复用

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

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。