【鸿蒙系统学习笔记】开发工具安装

一、准备开发环境

1.1、安装IDE

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

【鸿蒙系统学习笔记】开发工具安装_第1张图片

安装步骤:

①获取DevEco Studio安装包,官方下载地址为:

HUAWEI DevEco Studio和SDK下载和升级 | 华为开发者联盟

【鸿蒙系统学习笔记】开发工具安装_第2张图片 根据自己的电脑版本选择下载

解压之后双击 deveco-studio-3.1.0.501.exe ,进入安装向导,点击 next 即可

 【鸿蒙系统学习笔记】开发工具安装_第3张图片

③选择安装路径,完成后点击 next 

【鸿蒙系统学习笔记】开发工具安装_第4张图片 

④配置安装选项,勾选第一项创建桌面快捷方式即可,完成后点击 next 

【鸿蒙系统学习笔记】开发工具安装_第5张图片

⑤点击   Install 开始安装

【鸿蒙系统学习笔记】开发工具安装_第6张图片

⑥等待几十秒后,点击 Finish 完成安装

【鸿蒙系统学习笔记】开发工具安装_第7张图片

1.2、 配置IDE 

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

①双击桌面快捷方式,启动DevEco Studio

【鸿蒙系统学习笔记】开发工具安装_第8张图片

②阅读各项条款,点击 Agree 表示同意

【鸿蒙系统学习笔记】开发工具安装_第9张图片

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

备注:

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

【鸿蒙系统学习笔记】开发工具安装_第10张图片

④为 HarmonyOS SDK 选择安装目录,完成后点击 Next 

 【鸿蒙系统学习笔记】开发工具安装_第11张图片

⑤阅读相关协议,勾选 Accept 表示同意,完成后点击 Next 

【鸿蒙系统学习笔记】开发工具安装_第12张图片

⑥浏览配置汇总页,确认无误后点击 Next 

【鸿蒙系统学习笔记】开发工具安装_第13张图片

⑦等待下载

【鸿蒙系统学习笔记】开发工具安装_第14张图片

⑧下载完成后,点击 Finish 完成配置

【鸿蒙系统学习笔记】开发工具安装_第15张图片

⑨完成配置后,可根据喜好调整DevEco Studio主题风格,点击 Configure 下的 Settings 

【鸿蒙系统学习笔记】开发工具安装_第16张图片

⑩在Appearance & Behavior/Appearance Theme 中可选择主题

 【鸿蒙系统学习笔记】开发工具安装_第17张图片

二、创建项目

①点击 Create Project 

【鸿蒙系统学习笔记】开发工具安装_第18张图片

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

 【鸿蒙系统学习笔记】开发工具安装_第19张图片

③配置项目

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

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

【鸿蒙系统学习笔记】开发工具安装_第20张图片

④IDE界面说明

【鸿蒙系统学习笔记】开发工具安装_第21张图片

⑤项目结构概述

【鸿蒙系统学习笔记】开发工具安装_第22张图片

三、运行项目

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

3.1、Preview 预览

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

【鸿蒙系统学习笔记】开发工具安装_第23张图片

3.2、模拟器运行

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

1、点击 Tools 菜单下的 Device Manager ,打开设备管理器【鸿蒙系统学习笔记】开发工具安装_第24张图片

 2、点击 Install ,安装模拟器

【鸿蒙系统学习笔记】开发工具安装_第25张图片

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

【鸿蒙系统学习笔记】开发工具安装_第26张图片

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

【鸿蒙系统学习笔记】开发工具安装_第27张图片

5、选择设备类型—— Phone ,完成后点击 Next 

【鸿蒙系统学习笔记】开发工具安装_第28张图片

6、下载系统镜像,注意选择 api9 版本

【鸿蒙系统学习笔记】开发工具安装_第29张图片

7、等待下载完成后,点击 Finish 

【鸿蒙系统学习笔记】开发工具安装_第30张图片

8、系统镜像下载完毕后,点击 Next 

【鸿蒙系统学习笔记】开发工具安装_第31张图片

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

【鸿蒙系统学习笔记】开发工具安装_第32张图片

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

【鸿蒙系统学习笔记】开发工具安装_第33张图片

11、开机后的模拟器如下图所示

【鸿蒙系统学习笔记】开发工具安装_第34张图片

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

【鸿蒙系统学习笔记】开发工具安装_第35张图片

13、点击运行按钮

【鸿蒙系统学习笔记】开发工具安装_第36张图片

14、查看模拟器

【鸿蒙系统学习笔记】开发工具安装_第37张图片

3.3、真机运行

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

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

【鸿蒙系统学习笔记】开发工具安装_第38张图片

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

【鸿蒙系统学习笔记】开发工具安装_第39张图片

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

【鸿蒙系统学习笔记】开发工具安装_第40张图片

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

【鸿蒙系统学习笔记】开发工具安装_第41张图片

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

【鸿蒙系统学习笔记】开发工具安装_第42张图片

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

【鸿蒙系统学习笔记】开发工具安装_第43张图片

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

【鸿蒙系统学习笔记】开发工具安装_第44张图片

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

【鸿蒙系统学习笔记】开发工具安装_第45张图片

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

【鸿蒙系统学习笔记】开发工具安装_第46张图片

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

【鸿蒙系统学习笔记】开发工具安装_第47张图片

最后,

你可能感兴趣的:(harmonyos,学习,华为)