鸿蒙移动操作系统和其他开发工具：华为DevEco Studio 2.1亮点

华为DevEcoStudio（以下简称DevEco Studio）是一个针对华为终端全场景多设备的一站式集成开发环境（IDE）。它为开发人员提供E2E HarmonyOSapp开发服务，如项目模板创建、开发、编译、调试、测试和发布。IT之家了解到，通过使用DevEco Studio，开发人员可以更高效地开发具有HarmonyOS分布式功能的app，从而提高创新效率。2021 3月，DevEco工作室将迎来另一个2.1；Beta3版本。

新版本的到来会给大多数HarmonyOSapp开发人员带来哪些不同的体验？现在华为正式推出新功能。

亮点1：预览器具有新的双向预览功能

在HarmonyOSapp的开发过程中，开发人员可以单击“预览器”查看app的UI界面效果。当开发人员发现UI界面的布局显示不符合预期时（例如：控件的宽度不符合设置值、控件不显示等），他们需要逐一检查UI界面中的布局或控件异常。

为了提高故障排除的效率，DevEco Studio 2.1 Beta3在现有“实时预览”和“动态预览”的基础上，新解锁了双向预览功能。

实时预览：只要修改后的源代码保存在布局文件中，您就可以在预览器中实时查看布局效果。

动态预览：在预览界面中，您可以在预览中操作app的交互动作，如单击事件、跳跃、滑动等，这些动作与app在真实设备上运行的交互体验一致。

所谓的双向预览支持代码编辑器和预览器界面（包括属性列表）之间的链接，这有助于快速定位控件并提高解决UI界面问题的效率。开发者可以通过单击预览界面中的图标来打开双向预览功能。

具体的联动效果如下：

① 通过预览器界面中的属性列表，修改属性或样式后，将同步修改代码编辑器中的源代码，并实时刷新预览器界面；

② 同样，如果在代码编辑器中修改源代码，预览界面和属性列表将实时刷新。

但是，值得注意的是，在以下情况下，不支持修改其属性：

hml布局代码中使用数据绑定属性；

xml布局代码中使用资源引用的属性；

UI界面已设置动画。

提示：预览器支持的功能对于不同的API版本略有不同。具体区别如下：

亮点2：预览器添加了Java UI界面的数据模拟功能

在预览场景中，由于代码的运行环境与实际设备的运行环境不同，因此在调用某些接口时无法获得有效的返回值。如果开发人员希望基于返回的值呈现不同的UI界面，则需要手动重复修改代码逻辑，以验证不同UI界面的效果。

为了减少修改，DevEcoStudio提供了PreviewMock数据模拟功能，即模拟API或业务代码中各种方法（不包括构造方法）的返回值以及对象中Fields（不包括最终Field）的值，而不改变业务操作逻辑。通过这种方式，开发人员可以在预览时查看不同返回值导致的界面更改。

然而，值得注意的是，DevEcoStudio 2.1 Beta3目前仅支持Java UI界面的PreviewMock数据模拟功能。同时，如果要使用PreviewMock数据模拟功能，则必须首先使用模块的构建在gradle中添加相关依赖项并重新同步项目。

除了以上两个亮点，在Java UI界面预览方面，开发者可以在预览Ability或AbilitySlice时保存修改后的代码，以实现实时预览；在JS UI预览方面，开发者可以直接选择一个页面进行实时动态预览。

亮点3：编辑器增加了json的config可视化配置功能

作为HarmonyOSapp开发的入门级玩家，您是否反复查阅HarmonyOS官方网站上的资料和文档，以了解配置项的含义？为了减少开发人员反复切换界面以查阅资料和文档的行为，DevEcoStudio