00:00
各位同学大家好,下面呢我们继续来学习NM,刚才演示第一个命令就是项目的始化NM,那下面呢,我们演示第二个通过NPM能够管理前端的依赖,那咱们来演示一下这个过程,演示之前咱们先做一个准备工作,这里给大家来说一下,首先第一个各位注意啊,就是我们NPM呢跟ma类似,它也能够联网去下载依赖,只是它的依赖大部分都是GS依赖,或者说JS文件,所以它也能联网下载,但是它默认连到网站是这个网址,这个网址呢在国外,在国内联网直接下载速度会很慢,所以咱一般要配置一个国内的镜像,国内镜像中最常见的还是这个镜像,就是淘宝或者说阿里的一个镜像,所以咱们通过它做个配置,这个淘宝镜像,它会怎么做的呢?大家注意啊,我这里做了一个描述。
01:00
他会。每隔十分钟到官网去同步一次,保证它的数据是相同的,所以咱们设置一下这个镜像,那怎么设置,大家看这个命令,这命令不需要记,咱们直接运行一下就可以了,配置一个镜像,那我在里边配置一下。我写到这位置。大家看啊,N PM conf sitery,加上淘宝这个地址,然后咱们回车现在就可以了,可以之后咱们看一下配置信息。N PM config list,然后这里边有当前的配置信息,大家看这个位置啊,这里就是我刚才设置了一个镜像,淘宝镜像,所以咱就完成了,后面下载就会变快,然后这个之后呢,我们看一下啊,里边还有一个地方叫prefix。这单词什么意思,是不是有前缀意思,我强调啊,这什么意思呢?就类似于在慰问中那个本地仓库的地址,这里边默认是本地仓库,它默认在当前用户里边,这个过程中我特别说明一点啊,大家看我课件里边,我这里提到。
02:18
如果说你的路径中有中文,那这路径我们需要改一下,否则会有问题,因为我当前路径没有问题,它没有中文,所以我就不改了,但是你要改的话怎么做说明啊,我再说一遍啊,这个路径是默认的,在当前用户,如果你用户这里边目录中有中文,那会有问题,你需要改一下,没有中文就不需要改了,我这就不改了,但是改的话怎么做?很简单,NM加上你那个改完的路径啊,包括缓存,包括你可以再查看,通括它做修改,这各位自己需要观察一下,不能有中文,有中文会有问题,所以现在这个准备工作做好了,做好之后下面咱就开始来联网下载依赖,那怎么下载,这里边各位记住啊,有这么一个重要的命令,我写到这位置。
03:15
命令二,这命令是什么呢?NPM因此道。加上依赖的名称,然后他就会联网去下载这个依赖,这就是第二个命令,那下面呢,把这命令给各位同学演示一下,咱们看一下什么效果,现在我来到当前的项目中,就是这个NPMDEMO里边啊,咱重新打开啊,右键打开,然后我们用命令NPM因此都加个依赖,比如我现在我下载一个这块依赖,咱们回车。大家看啊,它会联网下载,联网之后各位看到这里边啊,多了两个部分内容,应该看得很明确啊,给大家截过来,咱说一下它多出来什么内容。
04:05
我在图里边给大家画一下啊,咱们做个分析。首先第一部分pack.jason是咱们刚才在做这个项目初始化的时候生成的这么一个文件,这是第一个,然后再来看啊,就是目前还多了一个东西,这个叫no models,这里是什么呢?强调啊,当你下载的依赖就会在这个目录下,那咱们看一下啊,这个目录。No models。大家看一遍啊,它的内容中是不是有这块,这表示下载,另外还一个叫package look.j这个给大家特别说明一下。这个文件是什么作用?我写到这里。咱们先看一下这个文件中的这个内容啊,首先看拍点这里边,里边多了一个东西。
05:06
大家看这里dependence是不是依赖,然后看look里边也是这个依赖,那说一下look什么意思啊,它就表示锁定当前依赖的版本。我把这个写一下,就是锁定当前依赖的版本,那什么叫锁定版本,给各位解释一下,各位注意啊,咱们在后端里边,比如说我给各位发项目的时候,其实我只需要把我的项目的配置文件发给各位同学,大家根据我配置文件是不是就能联网下依赖,也就是说我的仓库不需要发各位,而目前前端一样,我需要把我的文件给各位,各位根据它能下载依赖,当然下载过程中有一个细节问题,大家看这里啊,这个地方。向上的箭头什么意思呢?他就表示啊,这个版本如果说我发给各位,各位它里边会找到它的最新版本,当然最新版本随着时间它会不断变化,所以我现在把版本在里边做个锁定,就下载3.6.1这个版本,所以这个文件表示锁定当前依赖的版本,以上就是我们下载的依赖,所以现在这部分就完成了。
06:25
是NPM中的这个第二个特点,管理依赖,然后这个之后呢,我们进一步来演示啊,咱再说第三个命令。命令三,其实跟这个命令是一样的,N PM in的,那我说一下啊,这个命令是什么意思?给各位强调,大家注意,我刚才提到,比如我给各位啊,发这个项目的时候,其实我可以不发这个依赖,我把这些删掉,只发给各位这个配置文件,那大家根据配置文件是不是就能下载依赖呀,那怎么下载用命令n PM in道回车。
07:07
这样的话,根据配置文件,你看里边。依赖收回来了,那这是里边的这么一个作用,我在这个位置给大家写一下啊,这个就是直接下载依赖。下载依赖,然后下面这个就是根据配置文件下载依赖是它的这个作用,所以以上是最基本的三个命令,咱们做了演示,当然里边还有细节,咱们来看一下啊,首先第一个细节各位看这个地方。这是什么?是不是指定版本呀,你不指定下的就是最新的,指定的话指定当前版本,比如各位看啊,我这个下的什么版本,是不是2.1里边的最新版本啊,它可以指定,另外里边还一个细节,看这里边啊,一个叫局部安装,一个叫全局,这么写这么写都对,就是一个简写,一个全写都是一样的,一个局部,一个全局,说一下什么意思啊,什么叫局部?
08:09
咱们可以这么理解,局部下载其实当前就是局部在我这个项目中能用依赖,那我换个项目肯定不能用。而全局什么意思?全局的话就会在你的本地仓库中进行保存,然后你所有项目中都能用到,一个叫局部,一个叫全局。再解释一遍啊,局部当前项目用,全局所有项目都能使用,或者说这个所有在noize中运行的项目都能使用。以上就是NPM中的主要的命令,最终重复一遍啊,第一个就是n PM init初始化因到加名称下载依赖,不加名称根据配置文件下载依赖,这就是NPM,然后最后还有几个命令,这个了解一下啊,比如你看啊update。
09:01
这个是什么?是不是卸载啊,还有更新和卸载的命令,以上就是NPM,我们项目中就是基于NPM来进行前端开发,通过它可以管理项目,包括能够管理前端的依赖。以上就是NPM中的主要的演示,各位把里边的几个命令给大家牢牢记住。
我来说两句