温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
下面呢,我们来学习调试项。调试方式呢?有实时预览,有真机WiFi调试,有小程序调试,多种方式啊,我们先来看这个实时预览。来来个代码,那么我们写完代码之后呢,是要看效果的,不是说现在写完就没了,要看效果。那么要看效果的话,我们来看到这个整个编程工具啊,在左手边这一块有一些咱们的一些按钮,其中第一个就是我们实时预览的按钮,一上去呢,它会有一段文字提示,叫实时预览,我们点击它。当然,在点击它之前,这里要注意,我们要选中要实时预览的组件,然后再点击它,它才会对这个组件的内容进行实时预览。那如果你没选中是不能点的啊,这里要注意。我们点上好了,那么在右手边我们可以看到组件当前组件实时预览的一个效果,那么在上面呢,我们可以调整不同的设备,它的一个不同大小的一个细节。
01:02
你看我们一上来是个首页,首页的样式呢大小是25PS,然后呢,自己的字加加粗对吧,然后下面呢是一个绿容器,我们把背景色调为了红色,然后呢指的两个T文字渲染的都是零。那么在这里呢,T是个文本内容,它有点相对于是我们之前H5的一些PPL线。因为它是独占一行的,对吧,是这个。好呃,那么这是这一款啊,就是这一款咱们的这个实时预览,实时预览呢,将来我们如果诶改了代码对吧。改代码之后呢,我们想看到实时预览的效果,在这里有一个刷新按钮啊,点一下,那么它就会刷新出最新的效果了。所以说实时预览的话呢,它只会啊,你修改完代码之后,它还需要点一下刷新才行。除此之外呢,还有一些按钮我们都会移上去看一下,好这个呢是打开就是展示一个二维码,扫码呢,就可以进行真机同步了啊,好这个呢是就是发送到我们的一个小程序的一个调试,这是看你自己要不要了,然后在这个呢,是打开一个独立窗口去调试,这个就看你自己的一个个人习惯,你要不要有个独立窗口去专门调试,这样的话呢,我们整个页面就会显示的,呃,东西更多一些啊,就这个。
02:19
然后呢,如果你不想看调试的话呢,可以点击这个按钮,可以把它关闭掉。对吧,这个调试就没了,那如果你想再开,再点击就出来了啊,当然你再点击这个按钮也可以关闭。所以这个呢,就是实时预览的一个功能。
我来说两句