华为DevEcoStudio（以下简称DevEcoStudio）作为HarmonyOS应用和服务开发的IDE，近日升级了新版本——DevEcoStudio3.0Beta4。 该新版本主要支持HarmonyOS 3.0 Beta上JS/eTS应用和服务的开发，同时还提升了低代码开发、预览器和编辑器的能力javascript 格式化工具，优化了信息中心体验。
升级形式：
建议您到官网下载安装包进行全面升级：
1.支持JS/eTS应用和服务开发
基于HarmonyOS3.0Beta开发JS/eTS应用和服务时，需要同时下载OpenHarmonySDK（APIVersion8）和HarmonyOSSDK下的Previewer and Toolchains（APIVersion8）。
图1 OpenHarmonySDK下载
图2 HarmonyOSSDK下载
完成以上操作后，您就可以开始HarmonyOS3.0Beta版本的JS/eTS应用开发之旅了。
2.支持低代码开发
低代码开发功能是DevEcoStudio向开发者提供的可视化界面开发方式，具有丰富的UI界面编辑功能。 开发者可以自由拖放组件，快速预览界面效果。 所见即所得，有效降低时间成本，提高UI界面创建效率。
新版本增加了eTS低代码开发能力，支持组件的自由拖放布局和数据绑定。 创建项目时，选择开启SuperVisual，开启低代码开发功能。 打开项目目录结构下的“.visual”文件，进行UI界面的可视化布局设计和开发。
图3 eTS低代码开发
据悉，服务卡的功能特点和低代码开发非常吻合。 通过低代码开发，可以实现业务卡的零代码开发。 将需要的资源放置到对应文件夹后，在index.visual界面通过拖拽组件布局和属性设置来编辑界面框架，在json面板中定义变量，然后在属性样式栏中进行数据绑定，即可完成服务卡开发。
图4 低代码开发服务卡
3.支持ArkUI声明式范式组件快速预览
DevEcoStudio现提供多种预览功能，包括多设备预览、双向预览、实时预览、动态预览等，方便开发者在UI界面开发时快速检查UI代码运行的效果。 新版本的实时预览功能增加了对ArkUI声明式范例组件快速预览的支持。
我们之前提供的实时预览功能，在添加或删除UI组件后需要用快捷键Ctrl+S保存，预览器会刷新预览结果。 在这个新版本中，如果改变ArkUI声明式范式组件的属性和属性值，如果组件没有绑定变量，则无需保存操作，预览器会同步刷新预览结果亚秒级，让开发者更新Push后可以在预览界面快速看到变化的效果。
图 5 ArkUI 声明式范例组件快速预览
4.编辑器能力的提升
本次新版本的DevEcoStudio新增了以下三种编辑器功能，让应用程序开发更简单、更高效！
1.ArkUI代码低格式
在实际应用开发中，为了准确表达业务逻辑、增强代码可读性，往往对代码的格式有要求。 为了解决编辑代码时的格式化问题，DevEcoStudio提供了ArkUI代码低格式功能。
在“Setting>Editor>CodeStyle”下选择对应语言并开启代码低格式功能，可以进行缩进（TabsandIndents）、空格（Spaces）、换行（WrappingandBraces）、空行（BlankLines）以及代码排序（Arrangement） ) 低级操作。 此次新增了eTS、JavaScript、TypeScript三种语言的排列功能，支持设置对应语言的代码排序功能，让你编辑代码更加方便。
图6 ArkUI代码低格式
2. ArkUI自定义代码折叠
在实际的应用开发中，如果要实现复杂的功能，代码就会更加复杂。 为了解决代码过长难以查看代码逻辑的问题，DevEcoStudio提供了ArkUI自定义代码折叠功能。
选择要折叠的代码后，在菜单栏中选择“代码”打开环绕或使用快捷键Ctrl+Alt+T自定义代码折叠设置。 通过自定义折叠设置，可以手动生成周边代码，如if..else、try..catch、for、synchronized等。还包括2种不同风格的自定义折叠样式选项，包括Comments和region... endregion 评论。
图7 ArkUI自定义代码折叠
3.字符串可视化编辑
有些应用程序需要面对多个国家的受众，因此在开发过程中需要将字符串资源翻译成多种语言。 翻译多种语言时，可以使用DevEcoStudio提供的字符串可视化编辑功能。
如图8所示，在编辑字符串资源文件string.json时，可以打开字符串资源编辑器javascript 格式化工具，使用表格可视化的方式进行编辑。 在字符串资源编辑器中，可以显示string.json文件中设置的所有字符串，但支持添加、修改、删除字符串，并且支持直接同步到原始string.json文件。
图8 字符串可视化编辑
5.优化信息中心体验
您在开发过程中可能会遇到问题，需要查阅文档或资料。 因此，DevEcoStudio提供了一个基于开发旅程的一站式信息获取平台——信息中心（InfoCenter）。 遇到问题可以直接查阅信息中心的文档资料。 。
●1. 快速获取资源
信息中心提供HarmonyOS和OpenHarmony快速入门、示例教程、开发手册、API参考、版本变更、常见问题等，并与DevEcoStudio的功能深度融合。 在信息阅读过程中，您可以一键直接访问相应功能，实现信息阅读和操作之间的快速切换。
图9 信息中心（InfoCenter）
●2. 资源实时更新
新版本的信息中心支持根据开发的应用/服务类型自动自助切换资源类型，同时还集成了更多的开发资源，如开发手册、API参考等常用文档资源。 当资源内容动态更新时，顶栏会有提示，第一时间通知您。 本次升级，信息中心支持Banner页资源推荐，整合开发者关注的资源（如新文档、重点指南优化、评论回复等），让您更轻松地在DevEcoStudio中体验沉浸式资源阅读并更快地找到您想要的东西。 查阅了资源。
发表评论