00:00
呃,创建VIEW3的项目啊,有两种方式,第一个是用这个view的叫架,另外一个是用的方式,然后呢,这两种方式我都给大家去演示一下,但是在下载和安装的过程当中啊,这个时间可能是比较漫长的,所以说大家需要耐心的去等待一下啊。好,那现在呢,我在我的Vs code里边啊,Code当中新建一个目录,这个是零二杠,那我就来一个VIEW3。呃,在这个里边。点击它,然后呢,找到零二这个目录,在里边来一个CB。注意啊,我们要下载脚手架,然后通过脚手架创建VI3的项目。最好大家把这个n PM install-G艾特view斜线c Li运行一下,运行它的目的是要安装这个脚手架的工具,或者说升级这个工具,那么如果说你已经装过了是吧,那怎么办呢?咱们来看一下啊。View。呃,然后呢,杠大V就行了,回车可以查看一下当前这个版本,我这个是4.5.8的,要求是什么呢?4.5.0以上的啊,那所以说我这个版本是符合的,我就没有必要再去执行第一个命令了,然后紧接着通过view c,然后后边跟着一个项目名,比如说我这个是V3-study。
01:21
回撤,那此时呢,就开始要下载这个VI3的项目了啊,耐心的等待一下,出来之后呢,这里边有一个默认的是V2的,然后还有一个是VI3的,然后呢,但是这个第二个V3选中的这一个里边没有TS,所以说我们选择第三个是让我们自己可以做一些配置的操作啊,直接回车,注意啊,千万不要按回车,这里边我想选择TS,我就在TS这个位置按空格。就是咱们那个space键。然后呢,这样有星了,就说明选中上了,下边这个什么路由啊,View叉这些东西,如果你需要你就装,我暂且不需要,所以说我不装,直接回撤下边这些东西选择的是二代叉还是三上,我们当然选择选择的是三点叉了啊,直接回这。
02:03
这里面什么样式的这个组件这些东西啊,一路回车,这看都不用看,直接回车,咔咔咔就回车就完事了啪。好,就直接抓了。那些选择的东西啊,没有什么东西可以影响的,所以说咱们就直接安装,但这个时间啊,花费的可能会稍微长一些,所以说需要大家耐心的等待,在这个过程当中,我们再来说一说啊。我们可以使用外去创建这个项目,它是一个由原生ESM驱动的web开发构建工具。在开发环境下边。基于浏览器原生ES important,然后开发。呃,怎么说呢,这个东西下载出来的项目启动起来速度非常快,因为它什么呢?它做到了一个本地快速开发启动这么一个操作,在生长环境下边基于roll up打包了,而且呢,快速的冷启动,就是不需要等待打包操作,直接就启动起来了,一会儿大家就可以看到它的速度飞快。啊,可能都用不上这三秒就已经结束了啊,那好,那接下来呢,咱们来看看这边还正在下载安装啊,所以说这样我去找到当前的这个目录,然后呢,再来一个CMD啊。
03:08
我们来看一下啊,按照这个white的这个方式,首先呢,我们需要n PM init,然后white-APP,当然如果你没有的话,就需要装一下,我这里边是有的,所以说呢,我就把它直接拿过来啊。那在这里边去敲了啊,N PM in ne,然后来一个white,然后杠B后边来个名字吧,VI杠吧。跑一回车。也得需要等待一下啊,因为这两个都需要安装,其实我们需要切换一下那个目录对吧,那我就CD呗,然后来一个vie,然后杠S。回车一下之后呢,N PM install也需要安装它相关的一些依赖包啊,我先看一看之前这个有没有装完呢,还没有装完啊,还是比较慢的诶。应该是快了啊,我这边如果再去下载那个依赖包的话,它也会占用这个网络资源啊,但是我先把命令写上吧,NPM还有一个什么呢?In导是吧。
04:05
嗯,等一下吧,等一下前边这个脚手架这个东西下载完了,脚手架下载的VI3项目如果创建完了,咱们再去这边来一个n PM install,这样的速度可能会更快一些啊,但有的时候有同学可能会等不及啊,有的时候我等我也等不及,之前想的是什么呢?提前给大家去装完直接去用,但是后来想想什么呢,万一有些同学可能。在安装的过程当中出现了什么问题是吧,遇到了没法解决,所以说我就给给大家当着这个面一起去给他大家去装一下啊好,我这边已经完事了啊,我先把这个易拉包也下上。让他下去。好,那我们来看看啊。现在呢,这个是通过脚脚架的方式去创建U3的项目,然后既然已经装完了是吧,那咱们就CD一下。V3-T1回车,让我们n PM run45去启动一下n PM runv怕回车。启动一下啊。
05:04
啊,应该是很快了啊。当然呢,大家可以看到这边已经装完了是吧,那我也启动一下NTM,然后直接来一个DV,啪一回车。这边是10%正在启动。这边呢,也是正在启动。大家可以对比一下这个时间和速度,看到了吗?这边已经结束了啊外这种方式已经结束了,非常非常快是吧啊。当然这个脚手架的这种方式啊,也已经启动了,那我就把它直接复制一份啊,回车就可以复制了。拿过来8080。啊,很完美是吧,都已经启动起来了,OK,没有什么问题,那刚才外这种方式呢,咱们也是啊,那我就用local host3000吧。也来个回车,换一回车,大家可以对比一下啊,两个都启动起来了啊外这种方式呢,启动速度是更快的,当然它里边肯定有很多经简的版本,经简的地方,那这边呢,是通过脚脚架的方式去创建V3的项目,咱们呢讲课用的是脚脚架这个方式啊,外头这个方式呢,就是给大家去做一个演示啊。
06:06
好,那这块呢,咱们就先到这里,呃,课下呢,大家也需要呃,执行我这里边儿的这些操作,然后把这个项目呢下载下来,这样呢,可以跟着课程一起敲代码啊。
我来说两句