粉丝7652获赞7.2万

大家好,我是学习原地的特约导师高若风,那下节课呢,我们了解一下 mpm, 你就知道他是一个包管理工具,怎么样一个管理流程?当然不了解呢,也不要紧,那 随着咱们会使用了,那你自然也就了解他是干嘛的了,因为后期的学习也好,工作也好,你都离不开他了。当然了,不光是我们前端有这样的包管理器,你像皮皮啊,拍死那扎瓦呀,都有这些,你比如皮皮的烤 pose, 对吧?也是一个管理皮皮的一个包管理器, 是这样的,那我们看一下 npm 我们怎么安装他?那你不能说我单独下载一个 npm 的软件,然后双击安装,然后呢? 苹果电脑啊,使命运操作系统啊,或者是温度操作系统呢?是不一样的,对不对?但是不是说这么下载全装的,因为什么?因为 npm 它是什么?它是和 no 的 gs 是相辅相成的。 诺诺的 gs 呢?因为是服,他相当于是服务器端的开发语言,但他的语法结构呢,其实就是加速 girl, 对吧?那诺诺基 s 呢?是一个在德国工作的一个美国程序员,叫啥名?我不记得了,写的对不对?写了一个诺诺基 s, 但是能够的 gs 呢,缺了一个包管理器,于是呢,他就和这个 npm 的作者呢,一拍即合,抱团取暖,对吧?一加一大于二的,最终呢,露的 gs, no 的 gs, 你说这个 no 的内置了 npm, 然后来大家都知道 no 的 gs 火了,对不对?那随着 no 的 gs 火爆,那大家开始呢,用 npm 共享加速快速代码了, 那比如说像解块呀,或者刷子呀,那也将他们的代码发布到什么那个 npm 这个仓库里去了,所以现在你在使用什么解块啊或者刷子,你直接一个 npm e 四到就可以把它安装上了。所以说现在 在 npm 来分享代码已经成了前端的标配了,知道吧?所以呢, npm 是 no 的 gs 默认的软件包管理器, 所以你得先安装 no 的 gs, 你只要安装了 no 的,就会默认安装好了 npm, 所以我们安装 no npm 就要安装 no 的,其实是,对吧,那 npm 只是 no 的 gs 下边的一个小工具,听懂吧。另外呢, npm 本身呢,也是基于诺基亚的开发的一个软件,那我们下载 no 的安装,我们需要到这个网站是 no 的 gs, 到中国微网站看一下,有加一点新看中啊, no g s 的一个。呃,中文网,但是你可以在搜索引擎里去搜索啊,都可以,你可以使用文档啊什么的。但是 no g s 呢,是咱们后边的那个课程啊,不是咱现在的课, 咱现在讲前端框架呢,你可以弄的一点都不贵,再稍微了解一下就行。下载这里边呢,你可以下载,根据你的操作系统操作都一样,对不对?那我这个呢,是 windows 的安装包对吧,六十四倍的,所以一点击这个直接就下来了,那我这块呢也已经下载下来了。嗯,给大家找一下看一下, 在我的下载里边就这个看到了吗?双击一下就可以了,双击一下,然后你就装就可以了,就跟其他的软件装起是一样的,你看下一步对吧?同意协议,下一步对吧?装到哪呢?就装到这吧,对吧?下一步,下一步, 一路下一物,什么也不用管,安装就可以了,和我们装其他的,如果接触其他的服务器的语言是一样的,比如说你这台机器作为服务器,你装皮皮对吧?装,呃, 扎瓦环境装拍摄环境,对吧?也都是这样的。那都弄的 js, 就是下载一个软件去装,然后结束关闭就 ok 了。那怎么能验证它可不可以呢?如果你已经打开那个,行了,把它关闭掉,你需要重打开一下,打输入 cmd 吧,或者是在地板里边这块输入 cmd 都可以,对吧?然后你查看一下 n o d e 杠 v 看一下, 装了一个最新版本,十四点幺,五点幺,这样漏的就装完了,那漏的装完了,你就可以看一下,漏的里边自带一个工具,对吧?咱不用说打开到他安装幕下打开去看到,对不对?你直接这样就行。 n p m 杠 v 看一下也装上了, 看到了吗?六点一,四点八,也就是我装的是最新的,漏的,漏的里面带的呢? npm, 最新的版本也是这个。那如果你想 重新安装这个 npm, 重新安装这个 npm, 那你直接 npm, 因为他本身就有这工具了,对不对?那装任何软件包的时候都是因此到,当然了也可以简写成一个音 i 也是可以的啊,因此到这样全程更好一些,对不对?再装 npm, 然后 杠 g 加上这个就是全集全局安装,他会到什么 n p m 仓库里边,你看自己装自己对不对?真的用低版本的装一个,我没有指定版本号,这些参数我都会讲,对不对?杠 g, 记得全局安装就会装到你的什么?呃,环境变量 那个,比如说再拧一下 us logo 下面,对不对?全局去安装,有,在任何位置都可以使用 tm, 不然他也是全面装的,不然的话我随便打开一个键夹,他不一定能用,对不对?来再装一下,你看这样的话就开始 去安装 npm 了,本身他就自带 npm, 我只不过用完 pm 再装一下 npm, 等待一下。好,那咱们看一下他能不能把最新的版本给我们拉下来, 我们再单位一下,六点幺四点九,你看默认装的是六点幺四点八,对不对?因为我们使用的是最新版本吗?差一个小版本,差距不大,记住版本号都是由三个组成的,对吧?看我这个后边咱们要用,这样 pm 我们就装完了,对吧?那想卸载呢?你就 npm 什么用?一扫二扫对不对就可以了。那 npm 装完之后,那我们怎么使用它呢?你看啊,我们怎么使用它?比如说我现在想装几块瑞,对吧?那我们看一下它的软件里面有没有,对吧?我们说了到这个网站这里边呢,都是这个 包搜索的这个网站,对吧?搜一下解快锐,解 qq 一二 y, 解快锐,让我们搜索一下,你搜到什么就能装什么。而且呢,你可以指定装个版本,因为我现在用那个,呃,四 g, 所以呢,这个网速有有一些慢,另外呢,你看啊,这个是国外的网站对吧?访问呢肯定慢,你光访问查询慢, 你在下载安装的时候他也慢,所以呢,假如说我们想下载这几块儿位,我们安装,我们先直接安装一下,那现在安装的时候你要记住 我们在哪个目录下使用,你得找到你的项目目录,你比如说我在这里边新建一个文件夹,在我的桌面啊,你可以在西盘地盘哪都可以,对不对?我们新建一个, 比如说叫做啊 n n p 啊我的项目吧这块,或者我叫做,比如说啊 etubook, 那假如说我的一个项目到这块来就项目,那我如果直接在这块 npm npm, 因此到去装几块, 如果我直接这么去安装的话,展现一下,他会在我的这个目录下,你就在哪目下执行这个命令,他就会默认你这是项目目录,就会在哪个下边去安装,就会在哪下面去安装。那我现在新建在桌面新电影目录, 我进入桌面,进入 etv 这个目录。第二,现在文件夹是空的,对不对?是空的,什么都没有,你看我只用 n p m, 因此到,对吧?我使用什么?解宽睿 让记全局安装,对吧?哪块都可以使用,意思呀?当然我们这个因此刀啊,几块啊这些没有前后顺序啊,你直接用哪个都行,对吧?只要只用这几个就行了,你看抓了, 然后我们第二看一下,看一下,那为什么 这没有呢?因为我使用了一个杠 g, 对吧?装到全局去了,也就是在所有的地方都能用,不光是这个项目用,其他项目也可以用,所以他不会在这个项目的部下。那假如说我安装的时候,对吧?我把这个,呃,当然全局在哪我就不找了,我把这杠器去掉, 你看一下,我们再装一下,这样呢?在我的项目里边居然装,你看出现了两个出现了两个,一个呢是这个包管里的派克 a 这包吗?对不对?锁文件叫金色一个呢是什么?一个是我们解快锐摸懂这个目录,那你装一个软件,在这里边有一个,那如果我再装一个呢?你看啊,看我这个目录,你看我再装一个,比如说 n p m, 因此到 意思到我装一个什么呢?装一个,呃,不起爪宝宝,但你先搜所有没有这个软件的装,但是当时知道是有这个软件的,对不对?刚去装,你看这个地方就会有 这个等等待一下,我是比较慢,呃, npm 啊,这呢, boss 上下一批,你看这块找到了,看到了吧,也就是你下载一个包,这里边就有一个目,下载一个包,安装一个就有一个目,对吧? 共用这一个 lower 在这呢,这就是我们用 npm 去装这个呃,软件包,但是呢,现在装的感觉呢?怎么是 比较慢的?咱先选这个简单的面料,一会咱们再详细的使用这里边其他的那些面料,你看装的是比较慢的,怎么办呢?因为它是在国外的网站,咱没翻墙,对不对?那怎么办呢?那你可以使用国内的一些镜像,比如说使用,咱们使用比较多的是淘宝的镜像 这块,嗯,这个地方搭搭建环境是通过如下代码将 npm 设置成淘宝进项。那我们先来查看一下现在我 你们用的这个镜像,也就是现在这个包从哪哪个仓库里边下载过来的,你看使用 npm, 照着这个命令查看修恩 f i g get 得到这个 像阿 e g s t r y, 你看啊,得到这个,你看,通过 n p m g i 点儿 g r g, 通过这个官方网站我们来下载的,对吧?那我们现在想把它变成淘宝的呢?你看这是 n p m, 对吧?这是 配置文件得到配置文件里边的这个选项。那配置文件的咱们下下角上会讲配置文件,从配置文件得到这个选项,那么我们就可以 npm 新闻 iphone 键, 每个软件都有配文件的,那我可以设置,那设置 i g s t r y, 是不是就可以设置这个选项啊?设置这个选项,淘宝的进项链接。那全局,你如果刚刚搁 logo 或者刚 g, 对吧?就刚搁 logo 吧, 我说话粘贴一下,粘贴一下,你看就会在全局去设置这个景象,那么你在任何地方 下载的时候,对吧?都走这个镜像了,再下载就不是从这下载了。来,你看我们镜像设置完了之后,我们再通过 n p m 啃这个 get r e g i g i s t r y, 我们再看一下,哎,没有设置,没有设置成功,你看他使用的还是什么,还是这个镜像,我们粘一下。 npm 淘宝点拖拉机 设置,是不是看我这个视频里做啊,然后我们再得到这个镜像,哦,还没有转过来, 暧昧提示,是不是我们地址什么写错了呢? npm npm 这个设置镜像,给个地址搬个格罗布。 那咱们换另外一种方法,你看啊,用这个工具切换淘宝,那 n p, 呃,使用 n p s n r m, 使用淘宝来切换一下, 切换网速比较慢,直接的等待一下,如果配不上感恩没 来,那我们就切换一下,好,用了二十多秒。来来,我们现在再得到一个印象,你看就变成了我们 npm 淘宝这个了,对不对?切换一下,这样就过来了,这样的话我再安装 刚解快的时候,比如说 npm, 因此到减 q u 一二 y 九二 v, 那我再回车他就会快一些,快一些。因为什么?因为我现在使用的是这个镜像,那如果再切回去 同样的办法,你使用什么?这个设置默认的地址,对吧?设置这个就行了,就可以什么切回去了,当然你还可 可以怎么全局给他改成另外一个命令,如果你不切换的话, npm, 因此到钢琴给一个别的命令,比如 cnpm, 那么下次你用的就不是 npm 了,是 cnpm。 那每次用 cnpm 的时候到淘宝镜像里边,你用 npm 的时候,他到默认镜像这块 去找,就这意思,所以呢,有的时候你可以定制一个这个命令,当然了,我们没有的必要,对不对?那样的话感觉怪怪的,所以呢,我们直接切换一下 就可以了,这就是设置镜像和如何查看镜像,那这个呢,就完成了 n t m 的安装,我们用 n p m 安装了一下解快锐和珠子刷,对吧?那 安装的时候呢,我们也把这个仓库的地址由国外的福气切换回了国内的阿里的福气,对吧?就这样的一个过程啊,这就是我们这节课的一个任务,安装 npm。 好,谢谢大家。

好了,各位,那么继续来学习 note j s 的第三张 n p m 和这个 package 接粉。好,那 n p m 它的全称叫什么? note package manager, 也就是 note j s 的包管理工具。 注意啊,它是一个基于命令行的一个工具啊。对,主要就是帮助我们去在项目中安装这个依赖,那升级啊,就是 c u r d 进行我们这个依赖的一个管理啊。好, 好,那你如果学过其他的编程语言,比如说你学过 p r p, 那就类似于 p r p 的什么 composer 这么一个工具。 如果你学过 java, 那就类似于这个 mering, 如果你学过 python 呢,就类似于这个 pipe, 那你如果学过 rust 的话,它就像这个 cargo。 对,就是每一个编程语呢,其实它都有这个包管理工具。当然我们这个 note 这也是也也不例外啊。对,它叫 n p m。 哦,那么这个 m p m 它怎么去使用呢?这也我们讲过,它是一个基于命令行业的工工具,所以说它是有非常多的命理的。 好,有些常用的命令大家一定要背会啊。好,那么现在展示下第一个 n p m n h。 好,那这的话我是打开了一个空的文件夹,然后我们来写一下这个命令。好,通过 n p m init。 那这个命令是干什么的?去创建一个 packaged gesin, 也就是我们一个项目的一个描述的一个文件啊。好,我们执行一下。 好,那首先呢,他要你创建一个包名 pick the name, 一个包名,这个包名的话,我就先随便给他起一个,比如说叫小满, ok, 然后这个 watch 是一个什么?是一个版本。好,一会我们去详细解释一下这个 watch 啊,我们先给他一个默认, 对,注意这个小括号,他就是一个默认值,一点零点零,我们现在用他的默认值啊,到还有 discription, 就是一个项目的描述,这就是你这个项目或者是这个叉 j, 或者这个包,他要干什么用,你可以去描述一下。对,我这就简单写点东西。啊。 好,还有这个 entry point, 那这也是一个什么你这个项目或者是你这个包的一个入口文件,默认是这个 index 的 g s。 好,那这个的话一会我们来解释一下啊,还有这个 tis command 一个测试的命令,那这个的话就随便了。还有这个 gate repastry, 那这个话什么?这个话这是一个对应的你 get up 的一个仓库的一个地址,你可以贴到这来,我就随便写点东西。好,这个 keyword 是一个什么关键字?比如说你这个项目呢?是干什么用的?比如 说我做了一个什么工具,对,你可以把它类似的一些关键字描述可以去写上去,到时候大家搜的时候呢,就可以通过这个关键词去匹配到,就是可以去搜到你这个包的。哦, 还有这个 author, 就是一个作者这个小马随便写一个。还有这个 license, 它就是一个开源协议,常见的有这个 mit 为宽松协议,还有这个阿帕奇, 就是 mit 的话会居多啊,后面的话我们会详细讲一下这个 license 的。哦,那创建完成之后呢,你就来个 yes 就可以了, 他就会在当前的目录的一个根目录下面去生成一个 package json, 对,生成这么一个文件,其实就是描述你这个项目或者是你这个包,它是用来干什么用的?对,我们可以看到 name, 对,就是这个包名,其实都是对应的我们这个 name, 还有这个 worsion, 我审注页它是三段式的,是吧?一点零点零,好,我们来解释一下这个三段式是干什么的?我们来创建一个 read me, 啊, 对,它是一个什么一点零点零,对吧?好,那首先第一段呢?它是一个这个主版本号。 对,主版本号一般用于什么?就是重大的这个更新或者是 重大的改动,比如说我们这个 v u e, 对吧?比如说 v u e 二升级成什么 v u e 三,对,它这个版本呢?就是从这个什么二点六,是吧?一下子就变成这个什么三点零了,对吧? 二点六点零,我就举个例子,对吧?一下子就从二点六就升级升三点零了,因为他三点零呢,他是有重大的更新的,就些什么底层啊,各种乱七八糟东, 就是变了,非常非常多。那这时候的话就要修定你这个主版本号,要进行一个这个重大的一个升级,也就是这个对着我们这个第一位啊。好,我们来看这个第二位。第二位是什么?次版本号。 这是次版本号一般用于什么呢?用于这个,比如说功能的更新, 对吧?功能的更新,比如说我们这个什么 oe 三,是吧?增加了什么编译红,又新增了很多编译红,对吧?那可能就是什么三点一点零,对吧?他就把这个版本号上去前面升一个级,这就是有些功能的更新呢,他会修订这个次版本号。 好,那第三个是什么?第三个就是修订号,对,修订号一般常用于什么呢?比如说 face 一些 bug, 对吧?比如说有这个我们这个开发人员,哎,提了 这个一数了,对吧?哇,很严重,那这个物业他要进行这个修复,修复完之后呢,他就要发包,是吧?比如说就是什么三点一点一对就证明什么?证明修过这个一个 bug, 对吧?所以说这个话就是他版本号的一个意思啊,就是代表了这个 worship, 那 description 就是我们刚才这个描述,这个闷呢,就是我们这个入口文件,但是我们现在没有这个 gs, 就是比如说当有人要用到我们这个包,或者是用到我们这个插件的时候呢,这个闷呢就会帮我们去找这个 index gs, 那这个东西呢?它还有很多配置,像比如说 type 这个 module, 或者是 common g s, 还有一个什么 model, 还有一个是这个,还有一个是这个对 brother。 好,好,那这四个呢,其实都是跟我们这个模块化是相关的,所以说我们到时候呢去讲这个模块化的时候呢,会去单独讲一下,目前呢大家只需要知道这四个是跟模块化有有关的就可以了。好, 还有注意啊,这个 scraps 呢,这个也是挺重要的,他呢可以帮我们去执行命令或者是运行脚本,那现在的话,我们就可以让他去帮我们去执行这个命令。 注意,那这个命令是怎么执行的呢?需要通过 n p m 一个 run, 对,然后 run 后面这个参数呢?就对应这个 script 的词里边的参数,比如说 test, 对,它就是一个命令,然后我们去执行这个命令, 那执行这个命令之后会干什么?注意就有个 iq 就会输出这么一个字母串,还有这个 excite, 并且呢把这个进程 呢去给它呃,断掉,所以说主要是输出这个 zipper 串就可以了。好,我们来看一下 哦,我们可以看到是不是这个字母串呢?他就是正常的这个输出呢,并且呢把这个进程呢给他断掉了。这两个按的符呢,就是要执行两个命令啊,对,前面的执行完,然后才会执行这个后面的这个命令,当然这里面文字你也可以改一下,比如说什么幺幺幺,对吧? 然后来个杠,好,然后我们再执行一下,他就会输出这个幺幺幺。对,这个 icle 呢,它主要是这个就是输出一段这个座串啊。哦,那这个的话就是一个运行这个命令,当然你也可以去自定义啊,比如说叫什么 小满,对,这名字都是可以去自定义的,比如说 m p m r, 对吧?小满,哦,他就会输出这个幺幺幺。对,我们可以看到,是吧?他是正常输出这个幺幺幺,所以这些里边这些名字都是可以去 随便定一的,当然你也可以去定一个脚本,比如说要执行什么 v u e。 对,我们现在没有,后面的话,我们会去详细去讲一下这个东西的。好,目前大家只需要先了解一下即可。还有这个 repaster, 也比如说你用了什么,用了 get, 是吧?然后它的地址是什么?那这些资料呢?都会显示到这个 n p m 官网上面的, 还有这个作者,还有这个 license。 好,我们可以去看一下,然后你就可以去搜索 n p m g s 点 com, 好,然后比如说我们随便搜一个包啊,随便搜一个 wee, 好,我们来搜索一下, 好,点击这个 v v, 然后你会看到它非常多的信息啊,比如说什么周下载量,对吧?它的一个版本,对吧?我们可以看到这个 repastry, 对吧?它仓库地址就显示到这上面了,其实就是跟我们这是对应的,对,它就会显示到这个 n p 官网上。当然还有这个 home 配置也是可以去配置的,这边可以增加一个,就是这个什么 home 配置,然后配置一个什么地址啊,他也是会给你显示到我们这个 npm 官网上面的, 还有这个什么 license 这个协议看,是吧?一般默认的都是这个 mit。 对,所以说这里边有很多一些信息的,比如还有什么 e 水,对吧?就是这个提出来的问题,或者这些 bug 啊,有六百多个,还有这个 p r 等等这些信息呢,都是可以在上面去看到的。哦,那这个的话就是一个拍根阶层的一个文件的一个简单的描述啊, 哦,以及我们这个 n p m and need 的一个命令。好,然后我们再看接下来的一些命令啊,其实它命令是很多的哦,还有我们这个 n p m msto, 那这个命令呢,也是常用的,比如说我们 想要安装一下他这个 v u e 这个依赖库啊,对,我们要使用 v u e 肯定得先安装嘛,他这里话就提供了一个命令,就是 m p m i v u e i 是什么意思呢? i 就是 install 的一个简写,就是你可以用 n p m i v u e 或者是 n p m install v, 其实意思是一样的,对,只是一个简写而已,就是 n p m i v u e 和 m p m install v u e 其实都是一样的。好,我们来给它安装一下啊,回车,好,我们稍等一下。 好,那我这个 v u e 呢就已经安装完成了。注意,安装这个依赖包之后呢,他会在这个根目录下面给你创建一个 note modules, 注意,这个是正常的,并且呢会给你生成一个 package 杠 look 的 jason, 那这个文件我们下一章呢会去详细的介绍一下,并且呢, 注意啊,他还会在这个拍个 jason 里边会帮你创建一个 dependences, 也就是依赖的一个管理啊,然后会有你这个报名以及他对应的一个版本。呐,对,这个 voe, 但是比如说我想要安装 v u e 二版本怎么办呢?注意,我们这个默认是安装这个最新的三点三点四,是吧?我们来看一下啊, 三点三点四,对吧,但是比如说我这个项目我就想用 v v 二,哎,那怎么办呢?哎,其实也是有办法的,你可以通过 n p m store v u e, 注意,加一个 it 可以安装这个详细的版本,比如说二点六点零,对吧?他就安装这个二了,加一个 it 就可以了。 好,我们来看它这个版本呢,是不是进行一个变化了?对,所以说你需要安装指定的版本呢,你可以通过这个 it 符后面去 跟一个这个东西就可以了。那这个话就是一个非常简单的一个 npn install, 就是安装依赖一个东西。呃,当然既然有安装的,那肯定就是有卸载,那卸载的话就是 npm on install, 然后比如说对应的后面就是苞米 u e, 就把它卸载掉了。好,我们会看见那个 dependences, 它就没有了,那这个话就是一个卸载。那注意啊, n p m in store, 比如说 v u e 有个杠杠 save, 对,杠杠 save, 其实加不加都没有关系,只是在之前的版本不加可能会有问题,但是在 n p m 五点四之后呢?你运行 n p m i v u e, 然后刚刚 sale 加不加其实都没有什么意思的,它会都会把你放到这个 dipanics 里边来,如果是在之前的版本,你如 如果不加杠杠 c, 他是不会给你放进去的,所以说这样的话容易造成这个音量的一个丢失啊。呃,现在的话,我们一般都是这个高版本,所以说其实这两个加不加其实都可以的,但是还有一个命令啊,就是杠杠 c 杠第一位啊,对,杠杠 c 杠第一位。好,我们来运行一下。 好,注意啊,我们这个模块呢,就变成什么 d e v dependences。 好,我们再来一个别的,给大家有个区分吧,比如说我们安装个 m d 五吧,它比较小。 好,我们可以看见有两个,一个是什么 dependences, 还有一个是 dv dependences, 其实还有一个啊, 还有一个是 peer 顶判定 c s。 对,好,这三个,这三个是一个很常用的。好,我们来简单的介绍一下啊, 第一位 dependencies 是是什么意思呢?注意这个是什么呢?我们的开发的依赖都要装到这个第一位 dependences 哦,第一位 dependences 就是什么开发的依赖,对,都要装到这儿 哦,它对应的命令是什么?就是 n p m i 报名,对吧?然后杠杠 sale, 杠第一位。哦,当然它也有一个简写啊。对,它也有一个简写, 对,它也是有一个简写的。简写是什么?也就是 m p m i。 然后是一个什么?是一个苞米,直接一个杠大地就可以了,大地就是杠杠 ceo 杠 dv 的一个 简写,它呢就会帮你装到这个第一位 dependences 里边儿的。好,那什么是开发依赖呢?比如说,对吧?比如说 wire park, 对吧? wiper park 还有什么呢? which 还有这个 rough, 那这些东西呢?其实都算是这个开发依赖。对,因为你上到这个生产环境,你需要这些东西吗?那不需要啊,对吧? 对,生产环境不是不需要这些东西的,所以说 它只是作为一个开发。对,我们要 n p m 什么状 dv 的时候呢?可能会依赖这些模块,或者是 m p m 上 build 把。我们去这个打包的时候呢,可能会依赖这些工具,但是打包完成之后,你还需要它吗?它不需要了,它就没什么用了。 所以说我们只是开发的时候呢?所以说去会装这些东西,所以说所有的开发的依赖呢,都要装到这个 dv 底盘 insist 里边来就可以了。那 v u e 装到这合理吗?其实是不合理的,因为 v u e 呢, 不管是我们开发的还是这个生产的,都需要用到这个 v u e, 所以说它装到这是不合理的。对,它应该是这个 depending sits 里边来。 好,那这儿的话一般有什么?比如说 wipec, 对吧? wipec 在这是非常合理的,对吧?比如说还有什么 wipec, 什么它的一些 c o i。 对,装到这个 d v dependencies 里边是可以的。好,那这个 dependence 呢?其实你也可以理解成是一个这个生产环境所需要的依赖。 对,比如说我们 这个,对吧? v u e 肯定需要,还有什么 v u e x, 对吧?还有什么 v u e router, 对,这些我们这个生产环境是肯定是这个需要的,比如说你写代码的过程中呢?还用到这个 m d 五, 对吧?他也是需要的,所以说生产环境也就是线上所需要的依赖呢?都要装到这个 dependencies 里边来就可以了。啊,还有这个什么屁儿 dependencies, 那这个是干什么的?注意啊,这个其实我们一般用的比较少 啊,这个是一般是什么?给这个编写这个插件的人员,或者是这个, 或者是编写这个 m p m 包的开发人员去使用的。对,一般是给这类人员去使用的,比如说我们用到了什么 wait, 对吧? with, 他提供这个 plugging, 他提供这个插件,就比如说我写了一个东西。啊,这给大家举个例子啊,好,我们这些先不要了。对,我写了一个位的插件,叫什么?呃, which gun plugging? 杠小满,举个例子啊。好, 然后版本号是一点零点零。对,我写了个是这个插件,那你说这个插件他可以凭空运行吗?那显然是不可以凭空运行,因为他什么,那他要基于 wit, 对,他是 wit 上面的一个插件,所以说那怎么办呢?那这的话要有一个位置, 对,我就随便写一个,比如说二点零。好,那意思是什么意思呢?意思就是他就是一个同等依赖的一个意思啊。对等也可以叫对等依赖,对,叫对等依赖。也就 是说你安装我这个插件,必须呢也要把这个 wit 装下来,因为他是不可能凭空运行的,他需要依赖这个 wit 一个宿主的一个环境。对,就是我们这个插件呢,是不能凭空运行的。 对,需要依赖我们这个依赖宿主的环境。那我们这个 wait plugin 呢?是能依赖这个 wait。 对,所以说你要安装我这个插插件,那你必须要把这个 wait 也安装下来,那这个的话就是一个 pure dependences 的一个意义, 这本来他也不可能凭空运行,所以说你一定要按照这个啊。第二点就是这个防止安装这个重复的一个依赖啊。啊,如果你放到 dp 这次里边来,那人家如果用户已经装过未成,你又给人家装了一遍,那不就有问题了吗?所以说一般的话都会写到这个片底盘, 比如说你要开发什么 wific 插件,那你就把这个换成 wific, 对吧?上面就什么 wific plug, 对吧?就是,道理呢,都是一个道理的啊。那这个的话就是 pack 的节省里面的信息的一个详解啊。好,然后我们再看一下这个 n p m 些别的命令。对, m p m 命令是非常多的,然后我们再讲一些啊, 好,呃,有一些命令是非常重要的,就是跟着小马学,一定要把这个命令给我背会啊,就是 m p m configure list。 对,这个命令一定要背会,这个命令很重要, 它呢可以查看 n p m 或者是 no 的一些版本,比如说 no 的 worsen, n p m 的 worsion 以及 n p m 所在目录的一个位置, no 的可执行目录的一个位置,还有我们这个什么根目录啊,以及所有的信息呢,都是在这里边的,以及什么还有 n p m 圆的一些信息,对,它都是在这个文 这里边的,所以说这个命令一定要给我背会,就是去查错的时候是非常好用的。哦,那第二个命令,什么第二命令就是注意我们现在使用的什么 mpm 官网的一个镜像源,由于这个地址是国外的,所以说我们 mpm install 是吧?下载什么依赖的时候它会很慢, 就是因为走的是这个国际的一个线路,他会非常非常慢,所以说就出现了一些非常多的代理啊,比如说淘宝进项, 我们就会把这个路径的换成一个淘宝的路径,那淘宝呢?去连接这个国际线路是非常快的,所以说就出来了非常多的镜像,比如说一些著名的什么淘宝镜像,什么中科大,什么清华大学的, 他们是专门接的这个国际线路,所以说我们通过他们的代理呢,是下载这个依赖数呢,是非常非常快的。好,那这的话来演示一下这个如何去切换我们这个圆,或者是 查看这个元,首先通过 m p m get 这个 ready three 就可以去获取我们这个镜像元,其实 config 里边也可以看到,如果 config 里边看不到的话,可以使用这个 get 迷你,我们可以看到对,它就是一个 n p m 默认的一个元。好,你要想设置它的话,就可以通过 n p m config set 这个 registry 后面跟一个地址,比如说 h t t p 末号杠杠, 什么淘宝点叉叉叉是吧?这的话我是给大家随便举个例子,好,要模仿我随便举个例子,好,这样的话就已经设置完成了,设置完成之后我们再来获取一下, 好发现原呢已经变成是我这个自定的。呃,注意下,这个是返不了,我只是举个例子,到时候你们可以去搜索一下这个淘宝的原,或者什么清华的原什么什么。好,现在的话 把它这个换回来啊。 好,然后再获取获取一下, 那就已经是换回来了,所以说你可以通过这个 get registry 和这个 m p m config set registry 去设置这个呃,多音的元就可以了。当然你也可以去下载一个工具,比如说 m p m i 小买 z s 杠 g, 那这个的话就是我为了方便大家去切换这个圆,去写了一个工具包啊。好,大家去直接装一下就可以了。这个杠 g 是什么意思呢?杠 g 就是杠,杠就是 global 的意思,就是装到全局的一个意思啊,我们到时候会详细讲一下这个 global 的,然后大家就按按照这个去执行就 可以了。好,装完之后呢,会有一个 m m p 这个命点,然后杠 v 可以看一下这个版本号啊,哦,是杠大 v。 对一点,五点一。对,这是我写的一个包啊,你可以用 m m p current 对去查看当前的一个远 对,当前的语言呢,是 n p m。 哎,对,我写的这个包呢,纯中文的。然后你可以通过 m m p m m p use 去切换元,就比如说切换什么,这不是淘宝的吗?或什么腾讯的 c m p m 都可以在这儿去切换,比如说我们切换到这个淘宝上面儿。 好,切换完成之后呢,我们再通过这个 get register 去获取一下, 发现他是不是已经变了, 所以说大家可以去安装一下我这个包就可以了。去帮你去可以快速的切换这个镜像,然后我们可以把它再切回来,比如说 m p m。 好,哎,点错了,然后我们再把这个 get 这个给它复制一下,我们再看一下它是否切回来了。 ok, 也是切回来。当然你也可以去自定义啊,比如说 m m p id, 对吧?你也可以去自定义,比如说你们公公司呢?有这个。呃,自定义的这个 m p m 这个镜像服务,是吧?你可以去给它自定义这名称啊, 或者和一个什么计算地址,哎,就给你添加进去了,添加进去之后你就通过 m m p u 就可以去切换了,对吧?比如说什么?这个是我刚添加的,对吧?那现在肯定是有问题,这我随便写了,我还是给它切回去吧。好,然后我再 check 一下。 对,又变回来也是没有问题的。对,这个的话是如果你们公司,比如说京东呢,它就有这个 g m p m, 我就可以把它添加进去,然后用我这个插件去给它切换就可以了。哦,那还有一些命令,什么比如说 m p m logging 这个 ology 呢?你必须要有这个 np 的账号,你可以去注册一个,这个是非常有用的。对,然后他会让你上这个什么呃,密账号密码以及邮箱验证码。对,我这个可能登录过了,我就不需要再登录了啊,登录完成之后,你可以通过 npm publish, 对这个的话就可以把你这个依赖包呢去给它发到这个 n p m 上面。对,也就是它会根据你这个拍个 jason 的描述文件去给它进行这个发包的,到时候我们会去详细讲一下这个命令,目前只需要这个 了解一下即可。好,那以上的话这些就是一些 m p m 常用的一些命理,以及拍个这阶层一个讲解啊。


分享一个快速查看 npm 包原码的方法,当我们写代码的时候,有些工具库文档描述的不是很明确,有些工具库可能没有文档,这个时候我们就可以直接打开该 npm 包的原码,查看其实现和用法。首先我们打开浏览器搜索这个 npm 包, 点开他的 get up 原版地址,此时输入快捷键点就能直接打开一个网页版本的 vscod, 输入 shift 加斜杠,可以看到对应的快捷键。同样的原理,也可以直接把 地址中的点 com 改成点 dv, 也能相应的打开,这样就可以直接查看他的原码了,还能给大家提交卡密的修改,并且使用这种方式完全可以用 ipad 或其他平板来编写代码了。如果你想用 vsco 的编辑器直接打开远程仓库原码,你可以安装 get hubbard pet 的存储库插件, 直接复制该项目的 get 地址,填入即可远程查看原码,不需要下载代码到本地,节省了很多时间,非常好用。

来进行打 cpk cpk 的时候,然后有一个这个盘,有一个这个,呃,随机,随机那个过来的一个 cpa 的盘, 然后我们把它插入这里,然后这个指示灯亮,然后我们在这个调入程序,在这里然后选择呃, cpi、 cpk 的程序, 这个我们可以看到他是有不同的 cdk 程序,然后我们可以根据需要来选,那我们一般 d 三 a 的,我们一般选择这个 cdk 的程序,呃,我们选择是十六头的啊, 嗯,然后都是前色零五 j 给 i s 的这个这个程序, 然后选入好之后,我们这里有一个就是呃数据切换,有一个生产数据,呃,首先要把生产数据切换成这个精度验证啊,然后把这个数据读读出来啊, 然后选择这个数据,然后选择调入读入,然后读取完毕以后,然后我们就可以因为这个是单双轨切换,我们先做一轨的,先做一轨的 c、 b、 k, 然后一轨,呃,这个乘入调 调取完成之后,然后我们可以就是说,呃,把这个设置一下, 因为我们轨道轨道那个扳送要把它 关闭,不需要他们搬送轨道。然后除此之外呢,我们把我们把程序里面这里有一个轨道二给他关闭就好了,使用轨道一,轨道二通过状态,然后我们打 cpk。



