快速上手 HarmonyOS 应用开发

一、DevEco Studio 安装与配置

1. DevEco Studio 简介

DevEco Studio 是 HarmonyOS 的一站式集成开发环境(IDE),提供了丰富的工具和功能,支持 HarmonyOS 应用开发的全流程。

2. DevEco Studio 下载与安装
  • 下载地址华为开发者官网
  • 推荐版本:DevEco Studio 5.0.0 Release
  • 安装建议:使用官方原版,不建议使用汉化版。

二、DevEco Studio 快速上手

1. 启动 DevEco Studio
  • 双击 DevEco Studio 图标启动。
  • 选择 Do not import settings,点击 OK。(没用过的)
2. 创建新项目
  • 选择 Project > Create Project > Application > Empty Ability
  • 设置项目名称、保存位置及目标设备类型。
  • 点击 Finish 完成项目创建。

三、运行 HelloWorld 项目

1. 运行方式
  • Previewer 预览模式:适用于静态页面开发,不支持网络通信和原生能力测试。
  • Local Emulator 本地模拟器:适用于大部分场景的调试和运行。
  • Local Device 本地真机:适用于特定机型测试。
2. 安装与配置本地模拟器
  1. 安装模拟器
  • 单击顶部工具栏Tools>Device Manager;选择Huawei_Phone手机模拟器,单击'Next',进入模拟器系统下载页。
  1. 未开启Hyper-V问题:
  • 找到命令提示符,以管理员的身份打开,执行:bcdedit /set hypervisorlaunchtype auto并重启电脑。
  1. 运行项目
  • 启动模拟器后,在项目工具栏点击 Run,将项目运行到模拟器中。(刚开始可以在预览模式内观看)

四、HarmonyOS 项目结构解析

1. 项目架构
  • APP Pack :应用发布形态,由一个或多个 HAP(Harmony Ability Package)包组成。
  • HAP:包含代码、资源、第三方库及配置文件,是 HarmonyOS 应用的核心模块。
2. 项目目录结构
目录/文件 描述
AppScope 存放全局资源文件。
entry 应用的主模块,包含代码和资源。
oh_modules 存放工程的依赖包。
build-profile.json5 工程级配置信息。
hvigorfile.ts 工程级编译构建任务脚本。

五、开发示例:HelloWorld 案例

在entry\src\main\ets\pages创建文件

代码示例
typescript 复制代码
@Entry
@Component
struct Index {
  @State myTest: string = "world";

  build() {
    Column() {
      Text(`hello ${this.myTest}`)
        .fontSize(50);

      Divider();

      Button("点我啊")
        .onClick(() => {
          this.myTest = "ArkUI";
        })
        .height(50)
        .width(200);
    }
  }
}
代码解析
组件/方法 描述
@Entry 将组件标记为 UI 页面入口。
@Component 定义自定义组件。
@State 标记状态变量,状态变化时自动刷新 UI。
build() 不可缺少。
Column() 布局组件,用于垂直排列内容。
Text() 文本组件,用于显示文字内容。
Button() 按钮组件,可设置点击事件。
.fontSize() 设置字体大小。
.onClick() 设置按钮点击事件处理逻辑。

凡是过去,皆为序章;凡是未来,皆有可期。

相关推荐
Georgewu8 小时前
【HarmonyOS】元服务入门详解 (一)
harmonyos
coder_pig9 小时前
跟🤡杰哥一起学Flutter (三十五、玩转Flutter滑动机制📱)
android·flutter·harmonyos
睿麒13 小时前
鸿蒙app 开发中的Record<string,string>的用法和含义
华为·harmonyos
Fanmeang15 小时前
OSPF与BGP的联动特性实验案例
运维·网络·华为·ospf·bgp·路由黑洞·ospf联动bgp
cainiao08060515 小时前
华为HarmonyOS 5.0深度解析:跨设备算力池技术白皮书(2025全场景智慧中枢)
华为·harmonyos
万少16 小时前
04-自然壁纸实战教程-搭建基本工程
前端·harmonyos·客户端
yrjw17 小时前
FileSaver是一个为HarmonyOS ArkTS应用设计的开源库,提供便捷的文件保存功能。主要特性包括:支持将图片保存至系统相册和应用沙盒存储,支持多种
harmonyos
xo1988201119 小时前
鸿蒙选择本地视频文件,并获取首帧预览图
华为·harmonyos
在人间耕耘20 小时前
HarmonyOS组件/模板集成创新活动-开发者工具箱
华为·harmonyos
二流小码农21 小时前
鸿蒙开发:一键更新,让应用无需提交应用市场即可下载安装
android·ios·harmonyos