DevEco Studio 的使用

1. 安装配置 DevEco Studio

1.1 DevEco Studio 下载与安装

访问HarmonyOS开发者网站(https://developer.harmonyos.com/cn/develop/deveco-studio#download),根据电脑系统选择相应的版本下载,这里以Windows系统的3.1版本为例。

下载完成后,解压压缩包,双击“deveco-studio-3.1.0.exe”,进入DevEco Studio 安装向导,单机“next”按照安装指引至安装完成。

1.2 DevEco Studio 环境配置

双击打开IDE,会进入IDE的配置页,点击【agree】进入环境配置。
环境配置页面进入之前,有个导入设置的弹窗,选择 Do not import settings,点击【OK】

1)Basic Setup
Node.js 选择从华为镜像安装到本地。
Ohpm 选择安装到本地
在这里插入图片描述
2)SDK Setup
配置SDK下载至合适的位置
在这里插入图片描述
阅读Licence协议后,选择【accept】,点击【next】进入下一步。
3)Summary
确认下载地址无误后,点击【next】进入下一步。
等待IDE自动下载完成后,点击【Finish】进入欢迎页。

### 配置开发环境 为了在 DevEco Studio使用 ArkUI 进行开发,首先需要确保安装并配置好必要的开发工具和环境。这包括下载最新版本的 DevEco Studio 和相关依赖项。 #### 安装 DevEco Studio 访问华为开发者官网获取最新的 DevEco Studio 版本,并按照官方指南完成安装过程[^1]。 ### 创建新项目 启动 DevEco Studio 后,在欢迎界面选择 "Create New Project" 来初始化一个新的 HarmonyOS 应用程序工程: - **模板选择**: 选取适合的应用模版,比如 Empty Feature Module 或者带有预设页面布局的选项。 - **模块名称与保存位置**: 输入合适的模块名并指定项目的存储路径。 - **设备类型支持**: 勾选目标运行平台(如手机、平板等),以便后续编译构建时能正确适配不同终端特性。 当上述步骤完成后,点击 Finish 即可等待 IDE 自动加载所需 SDK 及其他资源文件。 ### 使用 ArkUI 组件库 ArkUI 提供了一套丰富的 UI 控件集合用于快速搭建美观易用的人机交互界面。下面介绍几个常见的控件及其简单示例代码片段。 #### 文本显示 (Text) ```xml <Text> ohos:width="match_parent" ohos:height="wrap_content" ohos:text="Hello, ArkUI!" </Text> ``` 此段 XML 描述了一个占据父容器宽度而高度自动调整的文字视图元件,其上渲染有问候语句 “Hello, ArkUI!”[^3]。 #### 图片展示 (Image) ```xml <Image src="$media:image_resource_name"> ohos:objectAnimator_duration="500ms" ohos:scale_type="centerCrop" </Image> ``` 这里定义了一个图片组件实例,通过 `src` 属性绑定本地媒体资源 ID;同时设置了动画效果持续时间和图像缩放模式参数。 ---
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值