DevEco Studio有哪几种预览功能

应用的开发过程中，往往需要多次调试和修改，如果支持实时，预测改边看效果，所见即所得，可大大提高边开发效率。为满足这一需求，DevEco Studio作为HarmonyOS和OpenHarmony应用及应用服务开发配套的集成开发环境（IDE），强大的，让开发者能够在不同的终端设备上提供预览应用/服务的UI显示功能，支持在开发边进行预览过程中进行预览下面一起来了解一下DevEco Studio的预览功能。 **1多端设备预览 **

HarmonyOS作为用户设备上提供的终端设备，支持在运行的不同用途上。为方便用户查看应用程序/服务者在终端设备上的用户界面和用途，DevEco Studio的多用途原型功能。

DevEco的预览设备支持自定义预览配置文件（包含查看和查看）。点击预览设备所有语言工作室的配置文件已定义点击，可以通过切换不同的预览设备配置文件，可以查看另外，打开多配置预览开关，还可以同时查看多个终端设备上的预览效果。

图1 多端设备预览

**2 跳转 **

为帮助开发者提升升级代码开发效率，DevEco Studio 提供编辑连接器和连接器、功能，支持UI编辑器（组件树）三者之间的预览

• 预览UI界面中的组件，则组件树上的组件将被UI检测，同时编辑器中的高布局文件中的代码块显示。顺应代码，让代码修改到便利。

• 布局文件中的状态代码块，在屏幕上显示组件的高亮组件时，会显示组件上的效果，UI 被显示的这样，通过显示组件的位置来显示组件的预览。 ，让优惠、高效。

• 添加组件的代码块和组件时，UI 会高亮显示。此外，如果修改了组件中的组件树中的组件，则代码会同时修改树的组件。

图2 跳转

**3实时预览 **

让开发者可以在应用程序/服务开发者立即添加预览结果，开发者提供 UI 组件、即时开发者立即使用 Ctrl+S 保存或删除预览结果。

图3实时预览

**4动态预览 **

动态也应用应用程序开发服务中重要的一个功能支持工具。例如，开发者开发/预览开发者的UI中进行操作操作，点击跳转，开发工具等，开发工具等，在机设备上的使用体验真一致。

图4 动态预览

至此，DevEco Studio的预览功能介绍完毕。需要的是，在使用DevEco Studio的预览器之前，需确保Settings > SDK Manager > HarmonyOS Legacy SDK > Tools中已安装Previewer资源，同时建议Settings > SDK Manager > HarmonyOS Legacy SDK > Platforms中的JS SDK更新到最新版本。

原作者：南山南