鸿蒙开发工具 DevEco Studio预览器的使用

DevEco Studio预览器

概况

在HarmonyOS应用开发过程中，通过使用预览器，可以查看应用的UI效果，方便开发者实时查看应用的运行效果，随时调整代码。官方文档：https://developer.harmonyos.com/cn/docs/documentation/doc-guides/previewer-0000001054328973

使用条件

在使用Java预览器之前，需要以下条件：

1、安装了Node.js

2、settings中的HarmonyOS SDK > SDK Tools已经下载了Previewer资源

3、settings中的HarmonyOS SDK > SDK Platform，SDK需要更新到最新的版本（SDK路径最好不要带空格，要不然可能会导致预览器无法使用！）

如何使用

方法一

方法二

其他

DS的预览器相比AS的预览器来说，在DS中，预览器不仅可以在xml文件中使用，也可以在java文件中使用，但是在xml文件与java文件中，都无法实现代码与预览器的实时互动（需要点击刷新按钮且无法知道控件在预览器中的位置）。