HarmonyOS学习笔记---实时预览功能

最新推荐文章于 2025-02-25 15:22:46 发布

寄予相思

最新推荐文章于 2025-02-25 15:22:46 发布

阅读量1.5k

点赞数

文章标签： harmonyos css html

本文链接：https://blog.csdn.net/Ymclyor_pig/article/details/120074277

版权

本文详细介绍了如何在DevEcoStudio中利用预览器进行快速界面调试，包括预览器的下载、开启方式及设置，旨在帮助开发者解决模拟器启动慢的问题，提升开发体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

刚开始使用DevEco Studio的时候，我以为它并没有实时预览的功能，所以每次去调式demo都是使用模拟器去查看界面效果的，不过模拟器的启动实在是太慢了，十分影响使用体验。直到我在HarmonyOS论坛看到这篇文章我才知道原来DevEco Studio是有预览器的，并且是支持实时预览的。

首先要确保DevEco Studio下载的HarmonyOS SDK里面的SDK tools已经下载了Previewer预览器。
当SDK tools已经下载了Previewer之后，我们就可以使用预览器了。
打开预览器的方式有两种：
第一种：通过菜单栏，找到view，然后点击view–>Tool Windows–>PreViewer，打开预览器。

第二种：在编辑代码窗口右边的工具栏找到Previewer，点击打开预览器。
预览器的设置。点击File–>settings–>System Settings，勾选下面的红框，表示IDE空闲10秒就会自动保存代码，可以自行修改时间，代码保存后预览器也会实时预览。
共勉同进步，Fighting！！！