【鸿蒙 HarmonyOS 4.0】开发工具安装

一、准备开发环境

1.1、安装IDE

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

安装步骤:

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

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

 根据自己的电脑版本选择下载

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

 

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

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

⑤点击   Install 开始安装

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

1.2、 配置IDE 

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

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

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

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

备注:

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

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

 

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

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

⑦等待下载

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

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

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

 

二、创建项目

①点击 Create Project 

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

 

③配置项目

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

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

④IDE界面说明

⑤项目结构概述

三、运行项目

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

3.1、Preview 预览

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

3.2、模拟器运行

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

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

 2、点击 Install ,安装模拟器

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

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

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

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

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

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

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

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

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

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

13、点击运行按钮

14、查看模拟器

3.3、真机运行

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

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

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

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

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

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

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

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

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

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

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

最后,👏👏😊😊😊👍👍

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/484882.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

企微hook框架

https://wwm.lanzoum.com/ipUTp1ot1twh 密码:hvev 免费的企微框架 支持文本消息,图片消息,视频消息,文件消息。 其他可自行下载测试。 有兴趣可以进群交流。720192224 BOOL WxWorkSendData(string data) { WX_GETOBJDATA ob…

数据库专题——分库分表

一. 分库分表介绍二. 分库分表实践 一. 分库分表介绍 1.1 分库分表解决了什么问题 先说分库: 《高性能MySQL》中提到了两种数据库扩展方式:垂直扩展和水平扩展。前者意味着买更多性能强悍的硬件,但是总会达到扩展的天花板,且成本…

软件测试需要学习什么?好就业吗?

目前来说的话,整个it 都不太好!但是既然你问了,我也就告诉你吧! 1功能测试 :前端和后端,前端就是简单的页面,你需要考虑的是:必填项,边界值,组合&#xff0c…

WebRTC最新版报错解决:city.wav:missing and no known rule to make it (二十六)

简介: CSDN博客专家,专注Android/Linux系统,分享多mic语音方案、音视频、编解码等技术,与大家一起成长! 优质专栏:Audio工程师进阶系列【原创干货持续更新中……】🚀 优质专栏:多媒体系统工程师系列【原创干货持续更新中……】🚀 人生格言: 人生从来没有捷径,只…

学习 python的第四天,顺便分享两首歌:we don‘ talk anymore,You ‘re Still The One

诸君晚上好,现在是🌃晚上,今天是学习python的第四个学习日,不知不觉学了四天了,还是那句话:不积跬步无以至千里、不积小流无以成江海! 暂时回顾下前面的学习日吧: 第一个学习日----…

Spring Boot打war包部署到Tomcat,访问页面404 !!!

水善利万物而不争,处众人之所恶,故几于道💦 文章目录 Spring Boot打war包部署到Tomcat,访问页面404 !!!解决办法:检查Tomcat版本和Jdk的对应关系,我的Tomcat是6.x&#x…

Web前端3D JS框架和库 整理

在WebGL库和SVG/Canvas元素的支持下,JavaScript变得惊人的强大。几乎可以为网络构建任何东西,包括基于浏览器的游戏和本地应用,许多最新的突破性功能都在3D上运行。 为此,「数维图小编」整理了19个交互式3D Javascript库和框架&am…

Docker基础篇(二)

docker run -d docker run -d 容器名或容器ID docker run -d 后台生成容器,并退出容器(除容器中在运行脚本) docker run -it 交互生成容器 docker run -d centos /bin/sh -c “while true; do echo zen; sleep 2;done” 查看容器中的进程…

基于java,springboot和vue房屋租赁租房销售平台设计

摘要 在现代城市生活中,房屋租赁市场一直是一个活跃且复杂的领域。随着互联网技术的不断发展,基于Spring Boot和Vue的房屋租赁系统应运而生,旨在提供一个高效、方便、可靠的在线服务平台。该系统利用了前后端分离架构的优势,后端…

LLMChain使用 | RouterChain的使用 - 用本地大模型搭建多Agents

单个本地大模型搭建参考博客 单个Chain:面对一个需求,我们需要创建一个llmchain,设置一个prompt模板,这个chain能够接收一个用户input,并输出一个结果;多个Chain:考虑到同时面对多个需求&#x…

vue保留用户在列表的操作记录, beforeRouteLeave离开当前组件缓存数据即可

最近遇到一个需求,用户在列表页的查询输入框输入条件后,点击查询,然后此时切换菜单,再回到之前的页面,希望能停留在上一次输入的结果上,如下例子,用户管理页面,输入yangfan这个关键词搜索后,结果如下图: 当我此时点击权限管理后,再点击用户管理切回来,结果依旧如上…

【Webpack】处理字体图标和音视频资源

处理字体图标资源 1. 下载字体图标文件 打开阿里巴巴矢量图标库open in new window选择想要的图标添加到购物车,统一下载到本地 2. 添加字体图标资源 src/fonts/iconfont.ttf src/fonts/iconfont.woff src/fonts/iconfont.woff2 src/css/iconfont.css 注意字体…