HDD 杭州站·HarmonyOS 技术专家分享 HUAWEI DevEco Studio 特色功能

7 月 15 日，HUAWEI Developer Day(简称 HDD)在杭州与大家见面，HarmonyOS 技术专家详细解读了 HarmonyOS 应用开发平台 HUAWEI DevEco Studio(后文简称 DevEco Studio)的特色功能，并与开发者进行了深入的交流。小编为您汇总了本次活动中 HarmonyOS 技术专家分享的精彩内容，不容错过~

整体介绍

在 HarmonyOS 应用开发过程中，开发者可能会面临上手难、开发资源获取难、代码编写效率低、开发界面调试难等问题。对此，DevEco Studio 基于开发旅程为开发者提供以上问题的解决方案，助力高效开发应用。

图 1 开发旅程

DevEco Studio 是面向终端全场景多设备的一站式集成开发环境(IDE)，支持学习了解、项目创建、界面开发、逻辑开发、编译构建、调试调优、集成测试等功能，为开发者提供一站式的 HarmonyOS 应用/服务开发平台。下面就来一一了解吧~

一、Playgroud，在线开发体验

刚入门不知如何上手？开发者服务中心为开发新手们打造了一个场景化的在线开发体验环境——Playground(https://devecoservice.harmonyos.com/)，提供多个在线体验 Demo，涵盖多端部署、多端协同、跨设备搜索等多种场景，让开发者可以在未下载 DevEco Studio 的情况下在线体验应用开发，感受 HarmonyOS 应用开发的高效便捷。

比如，图 1 展示了一个亲子教育的 Demo。在左侧体验区，开发者可以操作孩子和家长的两台手机，体验 HarmonyOS 的多端协同特性；还可以下载完整工程代码参考学习。在体验 Demo 的同时，右侧的代码示例区会展示当前操作对应的代码和解析。

图 2 在线开发体验

二、信息中心，资源一站获取

在开发过程中遇到问题，需要查阅文档或者资料？DevEco Studio 基于开发旅程提供了一站式信息获取平台——信息中心(InfoCenter)，提供了 HarmonyOS 的快速入门、示例教程、开发指南、API 参考、版本变更、常见问题等内容，且与 DevEco Studio 的功能深度融合，在信息阅读过程中可一键直达相应功能，实现信息阅读与操作的快速切换。 

图 3 信息中心(InfoCenter)

三、低代码开发，所见即所得

如何提升开发效率？DevEco Studio 为开发者提供可视化界面开发方式——低代码开发功能，其具有丰富的 UI 界面编辑功能，开发者可自由拖拽组件，快速预览界面效果，所见即所得，有效降低时间成本，提升 UI 界面的构建效率。

新版本增加了 eTS 低代码开发功能，支持组件自由拖拽排版以及数据绑定。创建工程时选择开启 Super Visual，打开使用低代码开发功能。在工程目录结构下打开“.visual”文件，即可进行 UI 界面的可视化布局设计与开发。

图 4 eTS 低代码开发

服务卡片与低代码开发的功能特性非常契合，通过使用低代码开发完全可以做到服务卡片零码化开发。

图 5 低代码开发服务卡片

四、多种预览功能，界面调试更便捷

查看界面布局效果不方便？DevEco Studio 提供多种预览功能，包括多端设备预览、双向预览、实时预览、动态预览等，让开发者可以在界面开发时快速查看界面布局效果。新版本的 DevEco Studio 还支持 ArkUI 声明式范式组件亚秒级同步刷新预览效果，预览粒度涵盖页面与组件。而且，双向预览通过代码编辑器、预览器 UI 界面和组件树(Component tree)三者之间的联动，可以双向定位界面与源码，实现快速修改代码和预览界面效果。

图 6 预览功能

五、编辑器，智能编辑更高效

代码编写效率低？DevEco Studio 提供多种智能化的代码编辑技巧，让代码编写更高效。

1. ArkUI 代码格式化

基于 ArkUI，新增了 eTS、JavaScript 和 TypeScript 三种语言的代码排序功能，支持 getter/setter、箭头函数的成团排列，自定义注释规则，以及自定义排列规则等功能，让代码更加清晰易懂。

图 7 ArkUI 代码格式化

2. ArkUI 自定义代码折叠

为解决代码太长不便于查看代码逻辑的问题，DevEco Studio 提供 ArkUI 自定义代码折叠功能。当你选中想要折叠的代码后，选择菜单栏的 Code，打开 surround with 或者使用快捷键 Ctrl+Alt+T 来进行代码的自定义折叠设置。通过自定义折叠设置可自动生成具有环绕性质的代码，如 if..else、try..catch、for、synchronized 等，还包括 2 种不同风格的自定义折叠样式选项，包括<editor-fold...>Comments 和 region...endregion Comments。 

图 8 ArkUI 自定义代码折叠

3. 字符串可视化编辑

DevEco Studio 提供字符串可视化编辑功能。如图 9 所示，在编辑字符串资源文件 string.json 时，可以打开字符串资源编辑器，采用表格可视化的方式来编辑。在字符串资源编辑器中可以展示所有 string.json 文件中设置的字符串，并且支持添加、修改、删除字符串，且支持直接同步到原 string.json 文件中。

图 9 字符串可视化编辑

4. 常用代码编写技巧

DevEco Studio 还提供代码高亮、智能补齐、错误检查、自动跳转、代码查找等多种常用的代码编写技巧。开发者可以通过运用这些常用技巧，并结合快捷键的使用，让代码编辑更加高效智能。

图 10 高效智能编辑

六、自动化签名，手工 12 步变 1 步

采用真机调试时手工配置签名太繁琐？DevEco Studio 支持一键式自动化签名，将传统手工操作的 12 步简化成 1 步，大大节省了配置签名的时间，让开发者可以把大部分时间用于应用功能的调试，提升开发效率。 

图 11 自动化签名

七、开发者服务中心，云端自动化测试

应用测试成本高、难度大？开发者服务中心的应用云测试服务提供丰富的真机设备资源，覆盖华为 1+8 智能设备，包括手机、平板、智慧屏、智能手表、运动手表等设备，可以很好地帮助开发者解决设备资源短缺、测试成本高昂等问题。应用云测试服务包括兼容性测试、稳定性测试、性能测试、功耗测试等，检测应用从安装、启动、运行和卸载的全生命周期中可能存在的问题，如应用崩溃、启动响应耗时长、前后台内存/CPU 占用高、启动/卸载异常等，全方位检测应用质量。 

图 12 应用云测试

以上就是本次 HDD 杭州站活动中 HarmonyOS 技术专家的分享内容，感兴趣的小伙伴可以下载 DevEco Studio，踏上您的 HarmonyOS 应用开发之旅。