一、鸿蒙应用开发快速体验

简介: 本文介绍了鸿蒙应用开发的快速体验流程,涵盖从开发环境的准备到项目的实际运行。首先,需安装并配置华为DevEco Studio IDE,该IDE基于IntelliJ IDEA Community构建,旨在为鸿蒙应用开发提供一站式解决方案。接着,通过创建新项目、选择合适的模板及配置项目信息,可以迅速搭建起应用的基本框架。最后,本文还详细描述了如何利用Preview预览、模拟器运行以及真机调试三种方式来测试和优化应用,确保其在不同场景下的兼容性和性能表现。整个过程旨在帮助开发者快速入门鸿蒙应用开发,提升开发效率。

一、鸿蒙应用开发快速体验

1. 准备开发环境

1.1 安装IDE

鸿蒙应用开发需要使用配套的IDE——HUAWEI DevEco StudioDevEco Studio基于IntelliJ IDEA Community(IDEA社区版)构建,为鸿蒙应用提供了一站式开发环境,集成了开发、运行、调试以及发布应用的各项功能。

以下是具体的安装步骤:

系统要求:

  1. 获取DevEco Studio安装包,官方下载地址为:https://developer.huawei.com/consumer/cn/deveco-studio/
  2. 解压之后双击deveco-studio-5.0.5.300.exe,进入安装向导,点击下一步即可
  3. 在如下界面选择安装路径,默认安装于C:\Program Files路径下,也可以单击浏览(B)...指定其他安装路径,然后单击Next。
  4. 在如下安装选项界面勾选DevEco Studio后,单击Next,直至安装完成。
  5. 安装完成后,单击Finish完成安装。

说明DevEco Studio提供开箱即用的开发体验,将HarmonyOS SDK、Node.js、Hvigor、OHPM、模拟器平台等进行合一打包,简化DevEco Studio安装配置流程。HarmonyOS SDK已嵌入DevEco Studio中,无需额外下载配置。HarmonyOS SDK可以在DevEco Studio安装位置下DevEco Studio\sdk目录中查看。如需进行OpenHarmony应用开发,可通过Settings > OpenHarmony SDK页签下载OpenHarmony SDK。

1.2. 配置IDE

主题风格可根据喜好调整DevEco Studio主题风格,点击Configure下的Settings IDE界面说明

2. 创建项目

  1. 双击桌面快捷方式,启动DevEco Studio,在欢迎页单击Create Project,创建一个新工程。根据工程创建向导,选择创建Application或Atomic Service。选择Empty Ability模板,然后单击Next。关于工程模板的介绍和支持的设备类型,请参考工程模板介绍。
  2. 填写工程相关信息,单击Finish。关于各个参数的详细介绍,请参考创建一个新的工程。 配置项目可能需要调整的配置项如下,其余保持默认即可,配置完成后,点击Finish即可
  • Project name:项目名称
  • Bundle name:包名,通常为公司域名倒置
  • Save location:项目目录

工程创建完成后,DevEco Studio会自动进行工程的同步。

2.1项目结构概述

项目结构相对复杂,先简单了解即可,随之后序学习的深入再逐步为大家介绍

3. 运行项目

DevEco Studio提供了多种方式用于运行项目,包括预览、模拟器和真机运行。

3.1. Preview 预览

Previewer预览用于查看应用的UI界面效果,方便随时调整界面UI布局。只需打开需要预览的页面文件,例如下图中的Index.ets,然后点击IDE右侧的Perviewer即可看到预览效果。

3.2. 模拟器运行

Previewer预览器主要用于查看界面UI效果,如需对项目进行更加深入的测试,可以使用模拟器运行项目。初次使用需要先安装模拟器,安装步骤如下

  1. 点击Tools菜单下的Device Manager,打开设备管理器

  1. 点击Install后,会首先下载模拟器相关的SDK,下载完成后点击Finish即可。
  2. 选择设备类型——Phone,完成后点击Next

  1. 配置模拟器(可选),完成后点击Finish,至此模拟器安装完毕
  2. 若想将项目运行到模拟器,首先需要启动模拟器,点击下图中的启动按钮,稍等片刻,等待模拟器开机

  3. 开机后的模拟器如下图所示

  1. 回到IDE,在右上角的设备列表中选择刚刚创建的模拟器(默认已经选中)
  2. 点击运行按钮,查看模拟器

3.3. 真机运行

使用模拟器运行应用时,会占用电脑较多的资源,并且有些功能无法进行测试。当模拟器不满足要求时,可选择真机运行。真机运行的步骤如下

  1. 准备一台装有Harmony OS系统的手机,系统版本最好为4.0.0及以上,系统版本可在设置/关于手机中查看
  2. 打开手机的开发者模式。在设置/关于手机中,连续多次点击系统版本号,直至出现**您正处在开发者模式!**的提示信息

  1. 开启USB调试。在系统与更新/开发人员选项中,打开USB调试开关

  1. 使用USB数据线将手机和电脑相连,手机会弹框提示选择USB 连接方式,需要选择传输文件

  1. 之后会弹窗询问是否允许USB调试?,可勾选始终允许使用这台计算机进行调试,然后点击确定

  1. 回到IDE,在右上角的设备列表中选择连接的手机(默认已选中)
  2. 最后点击运行按钮,即可将项目运行到真机中。首次运行会提示缺少签名信息,点击Open signing configs进行配置即可。
  3. 生成签名信息需要先登陆华为开发者账号,点击Sign In

  1. 浏览器会自动跳转到登录页面,按照要求完成注册、登录即可
  2. 登录成功后,回到IDE,再次点击运行按钮,即可将应用运行到真机。


关注我,公众号搜“Harry技术”带你看不一样的人间烟火!


目录
相关文章
|
3月前
鸿蒙应用开发从入门到实战(十六):线性布局案例
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文通过简单案例演示如何使用Column和Row组件实现线性布局。
175 1
|
3月前
|
开发者 容器
鸿蒙应用开发从入门到实战(十四):ArkUI组件Column&Row&线性布局
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解Column和Row组件的使用以及线性布局的方法。
312 12
|
3月前
|
API 数据处理
鸿蒙应用开发从入门到实战(十三):ArkUI组件Slider&Progress
ArkUI提供滑块Slider与进度条Progress组件,用于鸿蒙原生APP开发。Slider支持拖动调节音量、亮度等,可设步长、方向及提示气泡;Progress支持线性、环形等多种样式,可自定义颜色、宽度与刻度,实时显示任务进度。
259 2
|
3月前
|
API 数据处理
鸿蒙应用开发从入门到实战(十三):ArkUI组件Slider&Progress
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解滑块Slider和进度条Progress组件的使用。
194 1
|
3月前
|
开发者
鸿蒙应用开发从入门到实战(十二):ArkUI组件Button&Toggle
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解按钮组件Button和Toggle的使用。
316 2
|
3月前
|
数据安全/隐私保护 开发者
鸿蒙应用开发从入门到实战(十一):ArkUI组件Text&TextInput
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解文本组件Text和TextInput的使用。
309 3
|
3月前
|
存储 编解码 JSON
鸿蒙应用开发从入门到实战(十):ArkUI图片组件Image
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解Image图片组件的使用。
275 1
|
3月前
|
JavaScript 开发者 索引
鸿蒙应用开发从入门到实战(九):ArkTS渲染控制
ArkTS拓展了TypeScript,可以结合ArkUI进行渲染控制,是的界面设计具有可编程性。本文简要描述鸿蒙应用开发中的条件渲染和循环渲染。
188 5
|
3月前
|
JavaScript
鸿蒙应用开发从入门到实战(八):ArkTS自定义组件语法
ArkUI除系统预置的组件外,还支持自定义组件。使用自定义组件,可使代码的结构更加清晰,并且能提高代码的复用性。
221 7
|
3月前
|
API
鸿蒙应用开发从入门到实战(七):ArkTS组件声明语法
《鸿蒙应用开发从入门到项目实战》系列文章持续更新中,陆续更新AI+编程、企业级项目实战等原创内容、欢迎关注!​本文从界面制作从组件声明开始,通过一个相对简单的案例来系统的学习 ArkTS 声明组件的语法。
138 2

热门文章

最新文章