【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目

作者 : admin 本文共2457个字,预计阅读时间需要7分钟 发布时间: 2024-06-10 共2人阅读

【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图


【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(1)


个人名片:

🐼作者简介:一名大三在校生,喜欢AI编程🎋
🐻‍❄️个人主页🥇:落798.
🐼个人WeChat:hmmwx53
🕊️系列专栏:🖼️

  • 零基础学Java——小白入门必备
  • 重识C语言——复习回顾
  • 计算机网络体系———深度详讲
  • HCIP数通工程师-刷题与解析
  • 微信小程序开发——实战开发

🐓每日一句:🍭我很忙,但我要忙的有意义!



文章目录

  • HarmonyOS 4.0 应用开发实战
  • 一、鸿蒙应用开发快速体验
    • 1.1 准备开发环境
      • 1.1.1 安装IDE
      • 1.1.2 配置IDE
    • 1.2 创建项目
    • 1.3 运行项目
      • 1.3.1 Preview 预览
      • 1.3.2 模拟器运行
      • 1.3.3 真机运行
    • 欢迎添加微信,加入我的核心小队,请备注来意

HarmonyOS 4.0 应用开发实战

【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(2)

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

1.1 准备开发环境

1.1.1 安装IDE

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

【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(3)

以下是具体的安装步骤:

  1. 获取DevEco Studio安装包,官方下载地址为:http://developer.huawei.com/consumer/cn/deveco-studio/
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(4)

  2. 解压之后双击deveco-studio-3.1.0.501.exe,进入安装向导,点击next即可
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(5)

  3. 选择安装路径,完成后点击next
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(6)

  4. 配置安装选项,勾选第一项创建桌面快捷方式即可,完成后点击next
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(7)

  5. 点击Install开始安装
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(8)

  6. 等待几十秒后,点击Finish完成安装
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(9)

1.1.2 配置IDE

安装完成后,可按以下步骤完成初始化配置

  1. 双击桌面快捷方式,启动DevEco Studio
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(10)

  2. 阅读各项条款,点击Agree表示同意
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(11)

  3. 初次启动会出现如下设置向导,首先需要为nodejs和ohpm选择合适的安装路径,完成后点击Next即可
    注:
    nodejs用于为鸿蒙应用的自动化构建工具提供运行环境。
    ohpm(OpenHarmony Package Manager)是鸿蒙生态第三方库的包管理工具,支持共享包的发布、安装和依赖管理。
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(12)

  4. HarmonyOS SDK选择安装目录,完成后点击Next
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(13)

  5. 阅读相关协议,勾选Accept表示同意,完成后点击Next
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(14)

  6. 浏览配置汇总页,确认无误后点击Next
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(15)

  7. 等待下载
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(16)

  8. 下载完成后,点击Finish完成配置
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(17)

  9. 完成配置后,可根据喜好调整DevEco Studio主题风格,点击Configure下的Settings
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(18)

  10. Appearance & Behavior/AppearanceTheme中可选择主题
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(19)

1.2 创建项目

下面我们创建第一个鸿蒙应用项目

  1. 点击Create Project
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(20)

  2. 选择项目模版,此处选择第一个Empty Ability即可。
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(21)

  3. 配置项目
    可能需要调整的配置项如下,其余保持默认即可,配置完成后,点击Finish即可
    Project name项目名称
    Bundle name包名,通常为公司域名倒置
    Save location项目目录
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(22)

  4. IDE界面说明
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(23)

  5. 项目结构概述
    项目结构相对复杂,先简单了解即可,随之后序学习的深入再逐步为大家介绍
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(24)

1.3 运行项目

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

1.3.1 Preview 预览

Previewer预览用于查看应用的UI界面效果,方便随时调整界面UI布局。只需打开需要预览的页面文件,例如下图中的Index.ets,然后点击IDE右侧的Perviewer即可看到预览效果。
【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(25)

1.3.2 模拟器运行

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

  1. 点击Tools菜单下的Device Manager,打开设备管理器
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(26)

  2. 点击Install,安装模拟器
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(27)

  3. 点击Install后,会首先下载模拟器相关的SDK,下载完成后点击Finish即可。
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(28)

  4. 选择模拟的安装目录,完成后点击New Emulator
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(29)

  5. 选择设备类型——Phone,完成后点击Next
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(30)

  6. 下载系统镜像,注意选择api9版本
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(31)

  7. 等待下载完成后,点击Finish
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(32)

  8. 系统镜像下载完毕后,点击Next
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(33)

  9. 配置模拟器(可选),完成后点击Finish,至此模拟器安装完毕
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(34)

  10. 若想将项目运行到模拟器,首先需要启动模拟器,点击下图中的启动按钮,稍等片刻,等待模拟器开机
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(35)

  11. 开机后的模拟器如下图所示
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(36)

  12. 回到IDE,在右上角的设备列表中选择刚刚创建的模拟器(默认已经选中)
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(37)

  13. 点击运行按钮
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(38)

  14. 查看模拟器
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(39)

1.3.3 真机运行

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

  1. 准备一台装有Harmony OS系统的手机,系统版本最好为4.0.0及以上,系统版本可在设置/关于手机中查看
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(40)

  2. 打开手机的开发者模式。在设置/关于手机中,连续多次点击系统版本号,直至出现您正处在开发者模式!的提示信息
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(41)

  3. 开启USB调试。在系统与更新/开发人员选项中,打开USB调试开关
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(42)

  4. 使用USB数据线将手机和电脑相连,手机会弹框提示选择USB 连接方式,需要选择传输文件。
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(43)

  5. 之后会弹窗询问是否允许USB调试?,可勾选始终允许使用这台计算机进行调试,然后点击确定
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(44)

  6. 回到IDE,在右上角的设备列表中选择连接的手机(默认已选中)
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(45)

  7. 最后点击运行按钮,即可将项目运行到真机中。首次运行会提示缺少签名信息,点击Open signing configs进行配置即可。
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(46)

  8. 生成签名信息需要先登陆华为开发者账号,点击Sign In
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(47)

  9. 浏览器会自动跳转到登录页面,按照要求完成注册、登录即可
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(48)

  10. 登录成功后,回到IDE,再次点击运行按钮,即可将应用运行到真机。
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(49)

第一期完结,等待第二弹…

关注博主,收藏专栏持续更新…


【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(50)


B站同步开发教程视频:http://www.bilibili.com/video/BV1Ti4y1s79B/


【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目插图(51)

欢迎添加微信,加入我的核心小队,请备注来意

👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

本站无任何商业行为
个人在线分享 » 【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目
E-->