【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 应用开发实战

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

1.1 准备开发环境

1.1.1 安装IDE

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

在这里插入图片描述

以下是具体的安装步骤:

  1. 获取DevEco Studio安装包,官方下载地址为:https://developer.huawei.com/consumer/cn/deveco-studio/

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

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

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

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

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

1.1.2 配置IDE

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

  1. 双击桌面快捷方式,启动DevEco Studio
    在这里插入图片描述

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

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

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

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

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

  7. 等待下载
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第12张图片

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

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

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

1.2 创建项目

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

  1. 点击Create Project
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第16张图片

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

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

  4. IDE界面说明
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第19张图片

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

1.3 运行项目

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

1.3.1 Preview 预览

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

1.3.2 模拟器运行

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

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

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

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

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

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

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

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

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

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

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

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

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

  13. 点击运行按钮
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第34张图片

  14. 查看模拟器
    【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第35张图片

1.3.3 真机运行

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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


在这里插入图片描述

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

你可能感兴趣的:(HarmonyOS,4.0,应用开发实战,harmonyos,notepad++,华为)