鸿蒙应用开发(第一章:快速体验)

系列文章目录

鸿蒙应用开发(第一章:快速体验)



1. 准备开发环境

1.1 安装IDE

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

以下是具体的安装步骤:

  1. 获取DevEco Studio安装包
  2. 解压之后双击deveco-studio-3.1.0.501.exe,进入安装向导,点击next即可
    在这里插入图片描述
  3. 选择安装路径,完成后点击next
    在这里插入图片描述
  4. 配置安装选项,勾选第一项创建桌面快捷方式即可,完成后点击next
    在这里插入图片描述
  5. 点击Install开始安装
    在这里插入图片描述
  6. 等待几十秒后,点击Finish完成安装
    在这里插入图片描述

1.2 配置IDE

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

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

  2. 阅读各项条款,点击Agree表示同意
    在这里插入图片描述

  3. 初次启动会出现如下设置向导,首先需要为nodejsohpm选择合适的安装路径,完成后点击Next即可

注:

  • nodejs用于为鸿蒙应用的自动化构建工具提供运行环境。
  • ohpm(OpenHarmony Package Manager)是鸿蒙生态第三方库的包管理工具,支持共享包的发布、安装和依赖管理。

在这里插入图片描述

  1. HarmonyOS SDK选择安装目录,完成后点击Next
    在这里插入图片描述

  2. 阅读相关协议,勾选Accept表示同意,完成后点击Next
    在这里插入图片描述

  3. 浏览配置汇总页,确认无误后点击Next
    在这里插入图片描述

  4. 等待下载
    在这里插入图片描述

  5. 下载完成后,点击Finish完成配置
    在这里插入图片描述

  6. 完成配置后,可根据喜好调整DevEco Studio主题风格,点击Configure下的Settings
    在这里插入图片描述

  7. Appearance & Behavior/AppearanceTheme中可选择主题
    在这里插入图片描述

2. 创建项目

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

  1. 点击Create Project

在这里插入图片描述

  1. 选择项目模版,此处选择第一个Empty Ability即可。

在这里插入图片描述

  1. 配置项目

可能需要调整的配置项如下,其余保持默认即可,配置完成后,点击Finish即可

  • Project name:项目名称
  • Bundle name:包名,通常为公司域名倒置
  • Save location:项目目录

在这里插入图片描述

  1. IDE界面说明

在这里插入图片描述

  1. 项目结构概述

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

在这里插入图片描述

3. 运行项目

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

3.1 Preview 预览

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

在这里插入图片描述

3.2 模拟器运行

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

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

在这里插入图片描述

  1. 点击Install,安装模拟器

在这里插入图片描述

  1. 点击Install后,会首先下载模拟器相关的SDK,下载完成后点击Finish即可。

在这里插入图片描述

  1. 选择模拟的安装目录,完成后点击New Emulator

在这里插入图片描述

  1. 选择设备类型——Phone,完成后点击Next

在这里插入图片描述

  1. 下载系统镜像,注意选择api9版本

在这里插入图片描述

  1. 等待下载完成后,点击Finish

在这里插入图片描述

  1. 系统镜像下载完毕后,点击Next

在这里插入图片描述

  1. 配置模拟器(可选),完成后点击Finish,至此模拟器安装完毕

在这里插入图片描述

  1. 若想将项目运行到模拟器,首先需要启动模拟器,点击下图中的启动按钮,稍等片刻,等待模拟器开机

在这里插入图片描述

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

在这里插入图片描述

  1. 回到IDE,在右上角的设备列表中选择刚刚创建的模拟器(默认已经选中)

在这里插入图片描述

  1. 点击运行按钮

在这里插入图片描述

  1. 查看模拟器
    在这里插入图片描述

3.3 真机运行

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

  1. 准备一台装有Harmony OS系统的手机,系统版本最好为4.0.0及以上,系统版本可在设置/关于手机中查看

在这里插入图片描述

  1. 打开手机的开发者模式。在设置/关于手机中,连续多次点击系统版本号,直至出现您正处在开发者模式!的提示信息

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

  1. 回到IDE,在右上角的设备列表中选择连接的手机(默认已选中)

在这里插入图片描述

  1. 最后点击运行按钮,即可将项目运行到真机中。首次运行会提示缺少签名信息,点击Open signing configs进行配置即可。

在这里插入图片描述

  1. 生成签名信息需要先登陆华为开发者账号,点击Sign In

在这里插入图片描述

  1. 浏览器会自动跳转到登录页面,按照要求完成注册、登录即可

在这里插入图片描述

  1. 登录成功后,回到IDE,再次点击运行按钮,即可将应用运行到真机。

在这里插入图片描述

  • 35
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值