00:00
大家好,我是学习园地的特约讲师高老峰,上节课呢,咱们看了他的n PM package点杰森的呃,属性的详细说明,那这节课呢,咱们继续往下来学习,看一下包的使用,当然了NPM还有一些常用的命令啊,有一些命令呢,你可以直接n PM help,你可以看一下帮助,对吧。这几个你看一下,这是清除缓存对吧,如果你发布到那个仓库里边去,你还可以撤回自己发布的版本,这些呢都不太常用啊,号话还是比较常用的,那自己你就自己试一下,那这节课我们主要看一下包怎么使用。也就是我们现在呢,已经将这两个包下载过来到我项目里了,那我怎么用呢?现在是一个这样的一个过程,对不对,我NTM会用了,会安装包了,对不对,也知道配置文件怎么写的,你知道怎么更新了,不知道怎么用,现在呢,说实话你还用不了,因为呢,你看啊,在没有学这个web派之前,你打包之前,没打包发布渲染什么之前,对不对,那咱们只能够通过noe这个目录下边的去加载这个文件,和我们直接在静态CDN上边下载的那个文件,用块标签引入是一样的,你比如说我们现在想用到这个boot,或者用到这几块,当然了,用到的时候我们只能用到这个,呃,运行是依赖,但是现在是无所谓了,那我们把整个包,比如说发出不是打,不是用外b pack打包的,而是我们直接用的,那我们就把它当成一个资源的目录了,对不对,不是说把它编译成什么什么样的一个程序,当是目录去使用了。那比如说我们在。
01:25
这个位置我们新建一个,假如说我们建一个HTM文件index,点点HTM文件你啊在这里边,那我们在它的头部,我们使用什么呢?我们使用script,我们去引入src引入什么呢?引入这个,呃,当前什么目录下,呃,这个目录下RY目录下目录下我们看一下它下边的。你比如说呃里边的这个下边有几块点这个文件看到了吗?你比如说这里边的呃,解块仓库里边的。Dist下边的解,你可以引入任何一个文件都行,然后这里边我们使用这个解对吧,比如说服。
02:08
这里边儿写上。使用井花蕊,我们在这里边可以做任何事情,比如说到了浮点对吧。你可以干什么都行,对不对,这几块的东西我就不讲了,对吧,但这么用你看这边。记录一下对不对,那每个包含的路径手动添加这个,这跟我们原来没学这个包之前用法是一样的,对不对,没有什么太方便的地方对吧。那我们用这个该怎么用呢?那我们就得学什么webpa怎么用对不对,在咱们学外PA之前呢,咱们呢把它当成把包里边的东西呢,当成模块怎么用一下,因为大多数编程语言都会提供一个文件导入另一个文件的机制,然后呢,在Java加va最初是没有这个特性的,对不对,所以呢,没有特性的在Java片里边呢,呃,后期有了,可以通过这个好的JS里边有块导入就可以了,那现在ES6的语法里边呢,又多了1PORT导入包,这段ES6来说,也就是在咱们的vuee X里边呢,经常用ES6的语法去用,那那现在呢,可以用how GS这种导入包的方式去用,那比如说。
03:10
当然了,我现在只能给你用什么用漏的的方式去使用啊。用呃noe的方式去使用,比如说我在这块你看怎么去用啊,因为咱们现node的,咱是服务器端的这样的一个编程语言嘛,因为咱装node,装node才有NPM对吧,那这么用法,那你没有必要用NPM,虽然下载什么,只用了一个NPM下载嘛,别的都没用上,对不对,实际用的咱们用ipad打包嘛,这个逻辑你要清楚啊,那现在咱们既然用不了,那咱就只能简单的先演示一下,后期在呃框架里边,胶手架里边,咱们用的时候再经常用,那比如说建一个加速文件,我叫做inex的点GS,这比如说note的一个主入口文件在这里边,那在这里边,如果我现在想使用什么,想使用呃几块或者不怎么办呢?我可以你在这里边你肯定不能使用。
04:00
不能使用这种标签src去导入了,对不对,因为这不是T的文件,你不能这么导入一个JS文件,对不对,有十个二不能动导入,那我们怎么导入呢?把每一个GS文件当成一个模块,我们可以使用,呃,Require qqu I。啊,这个我得先装。块包含谁呢?解宽,你看。只要是这样就行了,八减二,然后呢,把它赋值给一个,比如说cos,呃,Cos的力学你可以用VR都行啊,比如说高弧等于这个,这样的话我们就将什么将解宽RY整个包导入进来了,给这个变量,那我们就可以打印这个变量,比如说。啊高点log,这样我们打一下这个变量,那这样的话就会打印几块对象,你看能能打印呢,比如点阿贾克斯对吧,点get,你看都有提示,就证明我们可以使用,那有的说我这会直接解块呗,导论什么呀,它会自动到这个目录下。
05:01
到这个目录下看到了吧,到这个目录下找到解块RY,然后找到他的仓库里边这些文件。清楚吧,那按这些map程序找,他都不用写后缀名的,什么点min.JS这些是都可以省略的,因为你是通过NTM装载的模块对吧,NPM安装的那个包,所以呢,直接用这个就可以去下载了,对吧。那比如说我们这里边直接打一下,就看一下这个对象存不存在,对不对,保存一下,那怎么运行这个呢?直接用no nod node index.js。嗯,打印这个函数我没有调用任何东西啊,那咱们几块的不用用自己写的包吧,因为几块它基本上不是在这块去用,不是在弄去用,那前端是盗操作的样,所以呢,不怎么用,那这一点呢,咱们先嗯去掉那个放在这块,咱们自己定义一个,你比如说我在这个下边,我随便定一个啊,定一个GS文件,我们叫做比如说fo.gs吧,定一个这样文件,那这里边呢,呃,我随便定一个变量,但是变量我想让别的地方能导入,那我就得暴入,那我们把它看成是一个模块model,当然到ES6里边重点讲这个,呃,讲这个模块的概念啊,是Mo,呃,Du,因为EXS6里边也提供这样的一个一个方式,对不对,那我们ex导出对吧,就暴露,比如说这里边100。
06:22
这样的话,我就相当于把这个100暴露对吧?暴露的时候我在GS这块我们就可以随便接收一个,比方UI的变量接收一个,呃,N吧,一个数等于谁呢?Req ire包含,如果包含自己的包,不是用NPM包含包的,那你这里边可以怎么写呢?一定要写指定目录,从当前目录下开始找,找到什么呢?你看这个,你看后边可以加GS,也可以不加GS,那先加加1GS对不对,然后我点lo后点lo看一下。来,我再运行一下,使用noe去执行啊,小S使用nod no的点GS,你看我在这里边去包含了几块,包含了这文件对吧,然后执行一下,你看100是不是就输出了包含自己的和包含,嗯,NPM下载的模块其实是一样的一个概念啊,要说什么是模块,什么是包呢?如果咱们记录到什么这个里边呢,咱们就可以把它当成是一个包,里边有版本号是什么东西,对不对,是整体的一个文件包。
07:18
那如果我们是单独的一个文件是导入导出的,我们就可以把它看成是一个模块,Model是这么理解就行了,那比如说我再建一个。你比如说我们这边再建一个,你这会当然我们也可以把它改成是数组啊,比如说这块是一个数组,什么变量函数什么都行,123456789对吧,是一个数组,然后你再执行一下。这个数组对吧,什么类型也能给我们打印出来,那比如我再新建一个,把数组里边的所有东西求和,对吧?那我再新建一个,呃,加va文件吧,比如叫做点DS这些函数Mo,呃,Mo模块暴露ex,这个export暴露,那直接action吧,里边接受一个参数args。
08:06
当然你给介绍还是什么都可以啊,在这里边,比如说呃,我来声明一个变量,嗯,Sum。啊,本。然后里边。然后呢,O循环来I等于零,I小于args,参数点RGTH长度I加加增加对不对,然后呢,要sum加等于I,然后我们怎么呢,返回sum,类似于类似类似于这样的一个盒对不对?暴露出去了,那我们在一代的加S里边怎么使用呢?这块,那我们的肉加海草。你看我们同样用light或者Co都行,就看这个改不改变,你比如说我们这fun,呃,求和就S就嗯f fun吧。啊,等于这只是你自己起个变量,接收暴露出来的那个函数对不对,Iqquire包含。
09:02
当前目录下的fun这回不加JS,你看一下,这样的话我f fun就是我们调这函数参数呢,我们就可以算nos这个模块里边的数据拿过来对不对,然后呢,返回的值relo,我直接打印一下。保存一下,然后我们运行一下,你看三十六一二三四五六七八九,你自己加一下吧,看是不是啊,就类似于这样的一个简单的使用,按模块的方式使用,在种在里边,而不是我们所说的。用什么内外pad之前没打包之前你。你就这么用就没意思了,所以呢,咱们后边的课学完,嗯NPM咱们就学外派D打包,你就知道下载这些东西怎么用了,对吧,你开发完之后给他打个包形成程序,然后呢我们再去用,是这个意思。那至于模块啊,导入导出啊,这些东西咱们在ES里一下,现在呢只是了解一下,那这节课呢,主要是给大家介绍一下这个啊包是怎么使用的啊,谢谢大家,这节课我们就讲到这里。
我来说两句