温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
好嘞,各位,那在这一小节呢,我们给大家说一下view开发者工具的安装,我们之前安装的这个呀,是VIEW2的,很可惜呢,它是不支持VIEW3代码的,所以我们还得安装一个VIEW3专用的开发者工具,同样啊,是有两种安装方式的,先给大家说第一种,哎,就是直接在线安装,打开Chrome的网上商店去搜索这个view,搜索出来的东西呢,需要大家呢去分辨一下,这个是VIEW2的特点,就是干干净净的一个logo,那么这个呢,就是VIEW3的特点,就是logo右下角有一个角标,哎叫做Beta,意思就是测试版,我们要安装的是这个,只有这个才是支持VIEW3代码的,这个东西呢,我们安装过了,所以说它的提示是已添加来我要安装这个,对吧?来点击一下选择添加至Chrome,然后呢,再点一下添加,随后呢,它会开启一个下载,你稍微等一下,然后呢,它就安装成了,有的时候速度可能特别快啊,你像我这直接就安装成了右上角是不是有提示了,说老师我打不开这个网站,你别急,一会我。
01:00
告诉你第二种方式就是离线安装,目前各位是不是安装完了,好,那么在你的浏览器上就有两个view的开发者工具,这是几的二的,这是几的三的,说老师我同时都开启呗,也行,哎,那如果说你很确认啊,你接下来写的是VIEW3的代码,那就可以把VIEW2的就给它关掉了,其实同学你运行的是VIEW3的代码,你开的VIEW2的一个工具也没什么用是吧?所以接下来呢,我调整一下,点击这管理扩展程序,你别删除啊,各位只是把它禁用掉,就是这个VIEW2的禁用那三的这个呢,开启好回到这个里面,你刷新一下页面啊,说老师右上角的怎么没了呢?是它没有钉在这儿,点一下这儿,诶把它钉在这就可以了,同学你发现这个图标是不是亮了,而且在这儿呢,它给你提供了一个选项叫做view,那么接下来呢,我们打开它走,这个时候你看见的各位就是一个新的view开发者工具了,目前这个东西还不是很完善,各位就是说你想借助这个东西去看看Vox里面。
02:00
观的东西,同学你是看不了的,诶这个工具呢,没看吗?人家说是贝塔版,是测试版,还有待完善,诶同学咱得知足啊,之前呢,连这个工具都没有,之前咱写VU3的时候,完全靠你自己去通过代码的层面去分析啊,有什么数据,有什么方法,什么计算属性什么的,是吧?各位诶,有这工据就不错了,OK,这是第一种安装方式,那么再说第二种,如果有些同学呢,不能够顺利的打开这个chome网上商店,你可以直接调到这儿管理扩展程序这儿啊,之前我们说过把开发者模式打开,随后呢,你去找我给大家了这个资料零五,其他里面有这么一个东西,VIEW3D tos,一个离线的安装包,你把它摁住,然后呢,回到这一松手就会有提示说是否添加,你点击添加就可以了,我这儿呢就不点了,因为刚才呢,我已经添加完了,诶点一下这个取消就行了,这就是比如开发者工具的安装,说老师我能不能两个同时开启呢?也行啊各位来点击这个,现在是二和三同时开启,同时开启吧,还挺有意思的,来各位回到这儿,你说我这个网站是。
03:00
拿闪写的是不是拿三写的,诶那目前呢,我是把两个开发者工具啊都打开来瞧着啊各位,我把这个也盯在这儿,说老师它是暗色的,来刷新一下,你再看效果啊走两个是不是都亮,这是几的,这是三的,这是二的,我刚才不折腾了一圈吗?三跑前边去了,二在后边呢,它两个都亮了,但是这个选项卡你要知道其实还是谁提供的,还是他提供的,OK,所以说这个东西啊,你开启他也没有什么太大用,然后之前在线下讲的时候呢,有同学跟我说,哎呀老师啊,两个不能同时都开启,容易造成什么呢?浏览器打不开网页,反正目前我这儿没有出现啊各位,如果你那出现了,那你就留一个是不?各位啊,那在这儿呢,同样是可以看这些组件什么的,然后随着我们的课程进行讲解呢,那么这个新的工具我们也会去使用,OK,那么这一小节呢,我们先听。
我来说两句