目录

HarmonyOS集成开发工具DevEco-Studio

【HarmonyOS】集成开发工具:DevEco Studio

HarmonyOS开发者官网

开发者首页

开发者页面

开发者社区

文档

HarmonyOS开源项目托管地址

开发者学院

HarmonyOS 2.0

https://i-blog.csdnimg.cn/blog_migrate/e11b646020728c2ecb910554c13b218f.png

工具文档

https://i-blog.csdnimg.cn/blog_migrate/ae3be51027c8dba23292a0e283cfb8d1.png

1. DevEco Studio简介

HUAWEI DevEco Studio(以下简称DevEco Studio)是基于IntelliJ IDEA Community开源版本打造,面向华为终端全场景多设备的一站式集成开发环境(IDE),为开发者提供工程模板创建、开发、编译、调试、发布等E2E的HarmonyOS应用开发服务。通过使用DevEco Studio,开发者可以更高效的开发具备HarmonyOS分布式能力的应用,进而提升创新效率。

作为一款开发工具,除了具有基本的代码开发、编译构建及调测等功能外,DevEco Studio还具有如下特点:

  • 多设备统一开发环境 :支持多种HarmonyOS设备的应用开发,包括智慧屏、智能穿戴,轻量级智能穿戴设备。
  • 支持多语言的代码开发和调试 :包括Java、XML(Extensible Markup Language)、C/C++ 、 JS(JavaScript)、CSS(Cascading Style Sheets)和HML(HarmonyOS Markup Language)。
  • 支持 FA(Feature Ability)和 PA(Particle Ability)快速开发 :通过工程向导快速创建FA/PA工程模板,一键式打包成HAP(HarmonyOS Ability Package)。
  • 支持多设备模拟器 :提供多设备的模拟器资源,包括智慧屏、智能穿戴等设备的模拟器,方便开发者高效调试。

2.下载

2.1 注册华为账号

2.2 登录华为账号

2.1 下载

https://i-blog.csdnimg.cn/blog_migrate/a15c658072e8898c66663d10d780050c.png

补充说明:

还有一款“ ”是用于嵌入式设备开发的工具集

https://i-blog.csdnimg.cn/blog_migrate/af54e7220ea7e932498b7bc35640b271.png

3. 安装

具体详细的安装教程参看:

工具文档

3.1 安装系统要求

Windows

操作系统:Windows10 64 位

内存:8G 及以上

硬盘:100G 及以上

分辨率:1280*800 及以上

3.2 安装

解压“devecostudio-windows-tool-2.0.8.203.zip”得到“deveco-studio-2.0.8.203.exe”,双击安装。

https://i-blog.csdnimg.cn/blog_migrate/863d15ba87b652aa5abf81d5262610d6.png

https://i-blog.csdnimg.cn/blog_migrate/b94110b38c74526964ba1125e45a7cd7.png https://i-blog.csdnimg.cn/blog_migrate/ac308d579a5c5df0b9e39c590b9a44e1.png

https://i-blog.csdnimg.cn/blog_migrate/700029244f5763257804b02d1b27fc26.png

https://i-blog.csdnimg.cn/blog_migrate/493363c8db366bf903612ba80ee38d23.png

4.创建HarmonyOS工程

https://i-blog.csdnimg.cn/blog_migrate/bd1b56a6313544b99ed24949b0950f25.png

UI需要会Java或者JS语言,本人不会。看来只能用C/C++给这些应用写库了。看下Java的工程创建

https://i-blog.csdnimg.cn/blog_migrate/0f5605329a3397e6ec254c95454232e0.png

https://i-blog.csdnimg.cn/blog_migrate/ed8e8fb03abc00eee3970c2e8e11272f.png

会自动下载gradle

https://i-blog.csdnimg.cn/blog_migrate/c173cf96d8639c55ff801b2848d90e73.png

在DevEco Studio菜单栏,点击 Tools > HVD Manager 。首次使用模拟器,需下载模拟器相关资源,请点击 OK ,等待资源下载完成后,点击模拟器界面左下角的 Refresh 按钮。

https://i-blog.csdnimg.cn/blog_migrate/985d14906691f3ce33d93164947eb1dd.png

选择个人开发者,选择“是”

https://i-blog.csdnimg.cn/blog_migrate/4c7518f212f5d41ac871280e64bd4fde.png

https://i-blog.csdnimg.cn/blog_migrate/ec01e0cec237802133b19fb9ac23dc4d.png

看下管理中心

https://i-blog.csdnimg.cn/blog_migrate/44229ea14fadf2343e63de556ee403eb.png https://i-blog.csdnimg.cn/blog_migrate/38ea8c4883bb8af138a88063b598b43b.png

浏览器登录开发者账号成功,但是DevEco Studio仍然提示上图“Please Login via the Opened Browser”

https://i-blog.csdnimg.cn/blog_migrate/c9bc05794e20c3871e9c0bed4d5d2b9c.png

解决办法:

需要关闭浏览器,重新点击DevEco Studio -> HVD Manager -> refresh,会自动打开浏览器,然后重新登录开发者账号

https://i-blog.csdnimg.cn/blog_migrate/9541e64ddfa5cd0d316b4d20d1597ca2.png

https://i-blog.csdnimg.cn/blog_migrate/a34a788e80efb1243282553d4138503c.png

在点击“Tools->HDV Manager”

https://i-blog.csdnimg.cn/blog_migrate/35410b904f9bb97f2a2cd7d45b5973f4.png

启动TV虚拟设备看下效果

https://i-blog.csdnimg.cn/blog_migrate/2cb030bfd7789176edeaa2353c3265fe.png

启动Wearable虚拟设备看下效果

https://i-blog.csdnimg.cn/blog_migrate/db80396c498ab093d8d71583c746aeab.png

因为创建的是TV设备App,HVD Manager管理页面启动TV虚拟是被,启动我们的Hello world

https://i-blog.csdnimg.cn/blog_migrate/3900cbfa0747dcec907280dd19159876.png

https://i-blog.csdnimg.cn/blog_migrate/247f923cec4eded34eefd9d146fddda2.png

https://i-blog.csdnimg.cn/blog_migrate/60876dd34ad2cc0d797b35a3e0751ee2.png

修改UI代码看下效果

API文档:

UI空间属于ohos.agp.components包下

https://i-blog.csdnimg.cn/blog_migrate/86c60b456e4ab36769d44fec71c7fd52.png

https://i-blog.csdnimg.cn/blog_migrate/bb30c368c3789f57ed874cc7df308d7b.png

https://i-blog.csdnimg.cn/blog_migrate/c7e54e2626a601ce62a2f5c26a3ebe6b.png

参考: