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

原文：https://mp.weixin.qq.com/s/87diJ1RePffgaFyd1VLijQ，点击链接查看更多技术内容。

 

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应用开发之旅。