HarmonyOS ArkTS语言,运行Hello World(二)

news/2024/7/21 8:02:41 标签: harmonyos, 华为

一、认识DevEco Studio界面

进入IDE后,我们首先了解一下基础的界面。整个IDE的界面大致上可以分为四个部分,分别是代码编辑区、通知栏、工程目录区以及预览区。
在这里插入图片描述
代码编辑区

1、中间的是代码编辑区,你可以在这里修改你的代码,以及切换显示的文件。通过按住Ctrl加鼠标滚轮,可以实现界面的放大与缩小。

2、通知栏

在这里插入图片描述
在编辑器底部有一行工具栏,主要介绍常用信息栏,其中Run是项目运行时的信息栏,Problems是当前工程错误与提醒信息栏,Terminal是命令行终端,在这里执行命令行操作,PreviewerLog是预览器日志输出栏,Log是模拟器和真机运行时的日志输出栏。在后续使用中会陆续接触。

3、工程目录区

左侧为工程目录区,后续章节会详细介绍。
在这里插入图片描述

4、预览区

单击右上角Previewer,可以预览相应的文件UI展示效果。

在这里插入图片描述
预览器提供了一些基本功能,包括旋转屏幕,切换显示设备及多设备预览等。单击旋转按钮,可以切换竖屏和横屏显示的效果。

在这里插入图片描述

也可以单击如下列表按钮,切换显示的设备类型。弹出框内会显示Available Profiles,即可用的设备类型。

在这里插入图片描述

如单击Foldable切换设备,也可以单击旋转按钮切换Foldable的横竖屏显示模式。

打开Muti-profile preview开关,可以实现多个尺寸设备的实时预览。

在这里插入图片描述

单击预览器右上角组件预览按钮,可以进入组件预览界面。

在这里插入图片描述

组件预览模式可以预览当前组件对应的代码块。

点击相应组件,代码文件中会框选对应的组件代码部分,下方则对应当前组件的基本属性。

在这里插入图片描述

二、运行Hello World

IDE提供了本地模拟器供开发者使用,我们首先需要下载安装本地模拟器,然后进行运行工程。

1、单击顶部工具栏Tools>Device Manager。

在这里插入图片描述

2、选择Local Emulator,设置合适的Local Emulator Location存储地址,然后单击’+New Emulator’

在这里插入图片描述

3、选择Huawei_Phone手机模拟器,单击’Next’,进入模拟器系统下载页。

在这里插入图片描述

4、选择下载api9的系统镜像,然后单击’Next’,等待下载完成。

在这里插入图片描述

5、下载完成后,进行创建相应的手机模拟器,单击Finish完成创建。

在这里插入图片描述

下载完成后,在Local Emulator页面中会出现创建的手机模拟器,点击Actions按钮,就能够启动模拟器。

在这里插入图片描述

模拟器启动后,点击上方启动按钮,将Hello World工程运行到模拟器上。

在这里插入图片描述

IDE构建完成后,即可在模拟器上看到运行效果,我们也就完成了Hello World工程在模拟器上的运行。

在这里插入图片描述

到此为止,我们就学习了用HarmonyOS开发了第一个程序!!


http://www.niftyadmin.cn/n/5198772.html

相关文章

企业微信将应用安装到工作台

在上篇中介绍了配置小程序应用及指令、数据回调获取第三方凭证; 本篇将介绍如何将应用安装到企业工作台。 添加测试企业 通过【应用管理】->【测试企业配置】添加测试企业。 通过企业微信扫描二维码添加测试企业。 注意:需要扫描的账号为管理员权限…

开发《猫咪攻略》小游戏的意义

开发《猫咪攻略》小游戏的意义有以下几点: 学习和掌握游戏开发的基本技能:通过开发《猫咪攻略》小游戏,可以学习和掌握游戏开发的基本技能,包括游戏策划、游戏设计、游戏编程和游戏测试等方面的技能。增强对猫咪的了解和认识&…

校园报修抢修小程序系统开发 物业小区报修预约上门维修工单系统

开发的功能模块有: 1.报修工单提交:学生、教职员工等可以使用小程序提交报修请求。这通常包括选择报修的问题类型(如水漏、电器故障、照明问题等),地点,报修联系人,联系电话等,并提供…

【Web】Ctfshow Nodejs刷题记录

目录 ①web334 ②web335 ③web336 ④web337 ⑤web338 ⑥web339 ⑦web340 ⑧web341 ⑨web342-343 ⑩web344 ①web334 进来是一个登录界面 下载附件,简单代码审计 表单传ctfshow 123456即可 ②web335 进来提示 get上传eval参数执行nodejs代码 payload: …

Web 自动化神器 TestCafe(二)—元素定位篇

今天主要给大家介绍一下testcafe这个框架元素定位的方法。 一、CSS 选择器定位 使用 testcafe 对元素进行操作的时候,我们可以直接通过 CSS 选择器指定要操作的元素,比如,点击元素,input 输入文本内容,如下&#xff1…

通过easyexcel实现数据导入功能

上一篇文章通过easyexcel导出数据到excel表格已经实现了简单的数据导出功能,这篇文章也介绍一下怎么通过easyexcel从excel表格中导入数据。 目录 一、前端代码 index.html index.js 二、后端代码 controller service SongServiceImpl 三、功能预览 四、后端…

.Net6 Api Swagger配置

1、定义个Swagger版本&#xff08;组&#xff09;的枚举 namespace WebApp.Enums {/// <summary>/// api版本枚举/// </summary>public enum ApiVersion{/// <summary>/// v1版本/// </summary>v1 1,/// <summary>/// v2版本/// </summary&…

golang学习笔记——要求用户输入一个数字,如果该数字为负数,则进入紧急状态

要求用户输入一个数字&#xff0c;如果该数字为负数&#xff0c;则进入紧急状态 编写一个要求用户输入一个数字的程序。 在开始时使用以下代码片段&#xff1a; package mainimport "fmt"func main() {val : 0fmt.Print("Enter number: ")fmt.Scanf(&quo…