【HarmoneyOS应用开发学习总结之二】DevEco Studio Previewer使用

在使用DevEco Studio进行HarmonyOS应用开发时，可以通过Previewer功能，可以方便查看UI运行效果，及时做出调整。下面简单介绍一下Previewer的几个操作应用。

一、 Previewer的正常打开

Previewer位于在DevEco Studio界面的右边，只有ets类型文件才可以使用Previewer功能进行预览。在IDE相关位置如下图，由于我安装了汉化包，后续截图以中文版哈。

英文版

中文版

二、代码开发预览效果

当页面UI设计好后，可点击Previewer【预览器】，将自动编译，如代码编写没有错误，则可在Previewer中看到页面的效果。

三、Previewer部分操作

下面将简单介绍下Previewer一些功能及操作。

a）inspector，可快速定位到组件代码段

点击这个大小“T”图标，会显示