![在这里插入图片描述](http://img.e-com-net.com/image/info8/70a5fcc01f9345f6a523cab86ccfa319.gif)
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第1张图片](http://img.e-com-net.com/image/info8/0372d4c9eddb461f92fc3a518718c31f.jpg)
个人名片:
作者简介:一名大三在校生,喜欢AI编程
❄️个人主页:落798.
个人WeChat:hmmwx53
️系列专栏:️
- 零基础学Java——小白入门必备
- 重识C语言——复习回顾
- 计算机网络体系———深度详讲
- HCIP数通工程师-刷题与解析
- 微信小程序开发——实战开发
每日一句:我很忙,但我要忙的有意义!
文章目录
- HarmonyOS 4.0 应用开发实战
- 一、鸿蒙应用开发快速体验
-
- 1.1 准备开发环境
-
- 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社区版),为鸿蒙应用提供了一站式开发环境,集成了开发、运行、调试以及发布应用的各项功能。
![在这里插入图片描述](http://img.e-com-net.com/image/info8/bc7ef02fb9d548af8a932ad1efd67687.jpg)
以下是具体的安装步骤:
-
获取DevEco Studio安装包,官方下载地址为:https://developer.huawei.com/consumer/cn/deveco-studio/
-
解压之后双击deveco-studio-3.1.0.501.exe
,进入安装向导,点击next
即可
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第2张图片](http://img.e-com-net.com/image/info8/f35d0b3a15dd4801a2047381b776ab2a.jpg)
-
选择安装路径,完成后点击next
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第3张图片](http://img.e-com-net.com/image/info8/1f5cd1d6cac74ce7944cf4898ec94dd0.png)
-
配置安装选项,勾选第一项创建桌面快捷方式即可,完成后点击next
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第4张图片](http://img.e-com-net.com/image/info8/9e4b7216ccbb45d4ab139902aeaca684.jpg)
-
点击Install
开始安装
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第5张图片](http://img.e-com-net.com/image/info8/bce9f1c15dfb4891888216cefc6bd136.png)
-
等待几十秒后,点击Finish
完成安装
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第6张图片](http://img.e-com-net.com/image/info8/f79294c8fcfa479bb08f52a42a387706.jpg)
1.1.2 配置IDE
安装完成后,可按以下步骤完成初始化配置
-
双击桌面快捷方式,启动DevEco Studio
![在这里插入图片描述](http://img.e-com-net.com/image/info8/d28106fd371e446f94e615c93bd6405d.jpg)
-
阅读各项条款,点击Agree
表示同意
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第7张图片](http://img.e-com-net.com/image/info8/6522c11584df4eb2b670812f6bf654e8.png)
-
初次启动会出现如下设置向导,首先需要为nodejs和ohpm选择合适的安装路径,完成后点击Next
即可
注:
○ nodejs
用于为鸿蒙应用的自动化构建工具提供运行环境。
○ ohpm
(OpenHarmony Package Manager)是鸿蒙生态第三方库的包管理工具,支持共享包的发布、安装和依赖管理。
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第8张图片](http://img.e-com-net.com/image/info8/1ebf21438048492d8e4f55947f8894b0.jpg)
-
为HarmonyOS SDK
选择安装目录,完成后点击Next
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第9张图片](http://img.e-com-net.com/image/info8/ae0d55017b634e229af0a3a7b6f98eb4.jpg)
-
阅读相关协议,勾选Accept
表示同意,完成后点击Next
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第10张图片](http://img.e-com-net.com/image/info8/0c36b17cd87749878aefa22a740211cd.jpg)
-
浏览配置汇总页,确认无误后点击Next
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第11张图片](http://img.e-com-net.com/image/info8/b94b4cf2011748d3944ed23ae70319ea.jpg)
-
等待下载
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第12张图片](http://img.e-com-net.com/image/info8/da747e1021324bc89fb86869e3fa156f.jpg)
-
下载完成后,点击Finish
完成配置
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第13张图片](http://img.e-com-net.com/image/info8/f8dc56ef875443af838b194789583607.jpg)
-
完成配置后,可根据喜好调整DevEco Studio
主题风格,点击Configure
下的Settings
。
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第14张图片](http://img.e-com-net.com/image/info8/adc3148657be42deab1b555cdbbeb5e2.jpg)
-
在Appearance & Behavior/Appearance
的Theme
中可选择主题
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第15张图片](http://img.e-com-net.com/image/info8/bb3f056e58714862bf35ab513fdb8642.jpg)
1.2 创建项目
下面我们创建第一个鸿蒙应用项目
-
点击Create Project
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第16张图片](http://img.e-com-net.com/image/info8/11c9479b4dff41269338cb71cf43fd13.jpg)
-
选择项目模版,此处选择第一个Empty Ability
即可。
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第17张图片](http://img.e-com-net.com/image/info8/16028a58aff14829ade8b599fbc4f232.jpg)
-
配置项目
可能需要调整的配置项如下,其余保持默认即可,配置完成后,点击Finish
即可
○ Project name
:项目名称
○ Bundle name
:包名,通常为公司域名倒置
○ Save location
:项目目录
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第18张图片](http://img.e-com-net.com/image/info8/091313f943994ace89e50ac894300128.jpg)
-
IDE界面说明
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第19张图片](http://img.e-com-net.com/image/info8/d84d929da1504d61a5be74b2f9b6bfe6.jpg)
-
项目结构概述
项目结构相对复杂,先简单了解即可,随之后序学习的深入再逐步为大家介绍
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第20张图片](http://img.e-com-net.com/image/info8/0627b22e36284726a27c678373e38274.jpg)
1.3 运行项目
DevEco Studio
提供了多种方式用于运行项目,包括预览、模拟器和真机运行。下面逐一演示
1.3.1 Preview 预览
Previewer
预览用于查看应用的UI界面效果,方便随时调整界面UI布局。只需打开需要预览的页面文件,例如下图中的Index.ets
,然后点击IDE右侧的Perviewer
即可看到预览效果。
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第21张图片](http://img.e-com-net.com/image/info8/90592316542c4a45bced893f79ae4b3b.jpg)
1.3.2 模拟器运行
Previewer
预览器主要用于查看界面UI效果,如需对项目进行更加深入的测试,可以使用模拟器运行项目。初次使用需要先安装模拟器,安装步骤如下:
-
点击Tools
菜单下的Device Manager
,打开设备管理器
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第22张图片](http://img.e-com-net.com/image/info8/7cf11076d8f14e2fb6814961a16fcdb4.jpg)
-
点击Install
,安装模拟器
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第23张图片](http://img.e-com-net.com/image/info8/c773d4532a844b9d88f597eca880049b.jpg)
-
点击Install
后,会首先下载模拟器相关的SDK
,下载完成后点击Finish
即可。
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第24张图片](http://img.e-com-net.com/image/info8/d184a3147af54bb69ecc73c406c8a7be.jpg)
-
选择模拟的安装目录,完成后点击New Emulator
。
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第25张图片](http://img.e-com-net.com/image/info8/6c7816c2f9a2422fb1e0cd5c43f139e8.jpg)
-
选择设备类型——Phone
,完成后点击Next
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第26张图片](http://img.e-com-net.com/image/info8/d9e5f121f1ee4f2f94d3cd3b240c6e34.jpg)
-
下载系统镜像,注意选择api9
版本
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第27张图片](http://img.e-com-net.com/image/info8/c21a8cd8d5a8435d91b1cfc275144348.jpg)
-
等待下载完成后,点击Finish
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第28张图片](http://img.e-com-net.com/image/info8/4c8f78e6789244ef90f78f02ffb63d10.jpg)
-
系统镜像下载完毕后,点击Next
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第29张图片](http://img.e-com-net.com/image/info8/2759a762db8d452bb6d644b05fbfd19d.jpg)
-
配置模拟器(可选),完成后点击Finish
,至此模拟器安装完毕
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第30张图片](http://img.e-com-net.com/image/info8/d02ebcfd5e8440c4b859ceb021022bda.jpg)
-
若想将项目运行到模拟器,首先需要启动模拟器,点击下图中的启动按钮,稍等片刻,等待模拟器开机
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第31张图片](http://img.e-com-net.com/image/info8/9821a3e4325b444fa1518e5a1a3bb622.jpg)
-
开机后的模拟器如下图所示
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第32张图片](http://img.e-com-net.com/image/info8/cdb18740af8142fcbf60c1b6ebfb14d8.jpg)
-
回到IDE
,在右上角的设备列表中选择刚刚创建的模拟器(默认已经选中)
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第33张图片](http://img.e-com-net.com/image/info8/2ce2319d75f54c39bae0eac27fafc3a6.jpg)
-
点击运行按钮
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第34张图片](http://img.e-com-net.com/image/info8/3c9048e65daa461d905b85908ae34602.jpg)
-
查看模拟器
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第35张图片](http://img.e-com-net.com/image/info8/46e705fe7d934346806214840c066791.jpg)
1.3.3 真机运行
使用模拟器运行应用时,会占用电脑较多的资源,并且有些功能无法进行测试。当模拟器不满足要求时,可选择真机运行。真机运行的步骤如下
-
准备一台装有Harmony OS
系统的手机,系统版本最好为4.0.0及以上,系统版本可在设置/关于手机中查看
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第36张图片](http://img.e-com-net.com/image/info8/1e5a621ae9ed4d92996e4a9514ca1bf6.jpg)
-
打开手机的开发者模式。在设置/关于手机中,连续多次点击系统版本号,直至出现您正处在开发者模式!的提示信息
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第37张图片](http://img.e-com-net.com/image/info8/5aab66138f004938b8bdeb64f2fc231a.jpg)
-
开启USB
调试。在系统与更新/开发人员选项中,打开USB
调试开关
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第38张图片](http://img.e-com-net.com/image/info8/05cd59dda19147bab780906be2db1189.jpg)
-
使用USB
数据线将手机和电脑相连,手机会弹框提示选择USB
连接方式,需要选择传输文件。
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第39张图片](http://img.e-com-net.com/image/info8/56e0be13a39347fbbf1768076060100c.jpg)
-
之后会弹窗询问是否允许USB
调试?,可勾选始终允许使用这台计算机进行调试,然后点击确定
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第40张图片](http://img.e-com-net.com/image/info8/1c984ab5a422469ea2b8554c78590833.jpg)
-
回到IDE
,在右上角的设备列表中选择连接的手机(默认已选中)
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第41张图片](http://img.e-com-net.com/image/info8/f3835172d6524543bb49157a20dd72ef.jpg)
-
最后点击运行按钮,即可将项目运行到真机中。首次运行会提示缺少签名信息,点击Open signing configs
进行配置即可。
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第42张图片](http://img.e-com-net.com/image/info8/0626f351bf564dc1a3f84bfa6c764542.jpg)
-
生成签名信息需要先登陆华为开发者账号,点击Sign In
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第43张图片](http://img.e-com-net.com/image/info8/cac612f3323847e58eea6cc20e2cb27e.jpg)
-
浏览器会自动跳转到登录页面,按照要求完成注册、登录即可
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第44张图片](http://img.e-com-net.com/image/info8/d6e3982b38664be7866321eaf2b4dc49.jpg)
-
登录成功后,回到IDE
,再次点击运行按钮,即可将应用运行到真机。
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第45张图片](http://img.e-com-net.com/image/info8/1dbb49b9ad7940fab6460b73f49940b2.jpg)
第一期完结,等待第二弹…
关注博主,收藏专栏持续更新…
![【HarmonyOS 4.0 应用开发实战】如何配置环境、创建并运行项目_第46张图片](http://img.e-com-net.com/image/info8/f3e048f9c17b41fbb3371f8049b0781c.jpg)
B站同步开发教程视频:https://www.bilibili.com/video/BV1Ti4y1s79B/
![在这里插入图片描述](http://img.e-com-net.com/image/info8/7a4cc41ef6e747fb92bc34f5bd7bc71d.jpg)
欢迎添加微信,加入我的核心小队,请备注来意