DevEco Studio使用简介

1、代码高亮

        支持对关键字、运算符、字符串、类、标识符、注释等进行高亮显示。

        设置方法:文件-设置-编辑器-配色方案中,自定义各字段的高亮显示颜色。

        

2、代码跳转

        在编辑器中,可以按住ctrl键,鼠标单击代码中引用的类、方法、参数、变量等,自动跳转到定义处。

3、格式化

        可以帮助开发者快速的调整和规范代码格式,提升代码的美观度和可读性。DevEco Studio已预置了格式化的规范,也可以个性化设置各文件的规范。

        设置方法:文件-设置-编辑器-代码样式,

        也可在code-linter.json5文件中,进行格式化规则配置。

        

        注:在开发中,可以使用ctrl+alt+L,快速对选中范围内的内容进行格式化;

               在不需要进行格式化操作的内容前加“//@formatter:off”,在不格式化的内容后加“//@formatter:on”,即表示对该范围内的内容不需要进行格式化操作。

4、代码折叠/展开

        折叠或展开的方式有两种:

                1、点击编辑器左侧边栏的折叠和展开按钮,进行折叠或展开

                         

                2、选中要折叠或展开的内容,鼠标右键点击,选择折叠按钮,再选择折叠或展开 

                 ​​​​​​​        

5、注释

        使用ctrl+/,即可快速注释或取消注释。

6、代码结构树查看

       使用Alt + 7 / Ctrl + F12,打开代码结构树,快速查看文件代码的结构树,包含全局变量和函数、类成员变量和方法等,并可跳转到对应行。

        

7、代码引用查找

         在要查找的对象上,单击鼠标右键>Find Usages,或Alt+F7,即可查找该变量被引用的地方。

        

8、函数注释生成

        在函数定义的代码块前,输入“/**”+Enter,即可快速生成注释信息。

        

9、代码查找

        连续点击两次shift键,即可打开查找页面。

         

10、API查阅参考

        鼠标悬浮在需要查找的元素上,点击“查阅API参考”,即可在DevEco Studio中,快速调阅查看API。

        

11、Optimize Imports

        使用ctrl+alt+o,可以快速清除未使用的import,并根据设置的规则对import进行排序或合并。

         

12、查看父类/子类继承关系

        

        点击代码编辑区域左侧的Gutter Icons(装订线图标)可以跳转到对应的父/子接口或类。如有多个继承关系,在弹窗的文件列表中选择需要查看的接口/类即可。

### 配置开发环境 为了在 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;同时设置了动画效果持续时间和图像缩放模式参数。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值