Web前端框架通用技术 npm 3_NPM的安装 学习猿地原创

大家好，我是学习园地的特约导师高若峰。那上节课呢，我们了解了一下MPM，你就知道它是一个包管理工具，怎么样一个管理流程，当然不了解呢也不要紧，那随着咱们会使用了，那你自然也就了解它是干嘛的了，因为后期的学习也好，工作也好，你都离不开它了，当然了，不光是我们前端有这样的包管理器，你像P2P啊，Python的Java呀都有这些，你比如PP的composer，对吧，也是一个管理P2P的一个包管理器，是这样的，那。我们看一下NPM，我们怎么安装它，那你不能说我单独下载一个NPM的软件，然后双击安装，当然了，苹果啊电脑啊，使命一个操作系统啊，或者是Windows操作系统啊，是不一样的，对不对，但是不是说这么下载去安装的，因为什么，因为NPM。它是什么？它是和no的GS是相辅相成的。Note JS呢，因为是服，它相当于是服务器端的开发语言，但它的语法结构呢，其实就是加vascript对吧？那note加S呢，是一个在德国工作的一个美国程序员，叫啥名我不记得了，写的对不对，写了一个note JS，但是呢，Note JS呢，缺了一个包管理器，于是呢，他就和这个NPM的作者呢一拍即合，抱团取暖，对吧，一加一大于二的，最终呢，弄的JS。

NOEGS也就这个note内置了NTM。那后来大家都知道note GS火了，对不对，那随着note GS火爆，那大家开始呢，用NPM共享javascript代码了。那比如说像杰块RY啊或呀，那也将他们的代码发布到什么那个NPM这个仓库里去。所以现在你在使用什么解块啊，或者你直接一个n PM install就可以把它安装上了，所以说现在NPM来分享代码已经成了前端的标配了。知道吧，所以呢，NPM是note JS默认的软件包管理器。所以你得先安装node GS，你只要安装了node，就会默认安装好了NPM，所以我们安装no n PM就要安装node，其实是对吧。

那。NBM只是漏JS下边的一个小工具，清楚吧。另外呢，NPM本身呢，也是基于note GI开发的一个软件，那我们下载note安装，我们需要到这个网站是note GS。到中国的网站看一下，加一点信。啊中诺基S的一个，呃，中文网，当然你可以在搜索引擎里去搜索啊都可以。你可以使用文档啊什么的，但是弄EJS呢，是咱们后边的那个课程啊，不是咱现在的课程，咱现在讲前端框架呢，你可以弄的一点都不会，咱稍微了解一下就行，下载这里边呢，你可以下载根据你的操作系统操作都一样的，对不对，那我这个呢，是Windows的安装包对吧，64位的，所以一点击这个直接就下来了，那我这块呢，也已经下载下来了。呃，给大家找一下看一下。在我的下载里边就这个看到了吗？双击一下就可以了。装机一下，然后你就装就可以了，就跟其他的软件装也是一样的，你看下一步对吧，同意协议。

下一步对吧，装到哪呢，就装到这吧，对吧，下一步。下一步。一下一。什么也不用管，安装就可以了，和我们装其他的，如果接入其他的服务器的语言是一样的，比如说你这台机器作为服务器，你装PP对吧？装呃Java环境，装Python环境对吧？也都是这样的，那装note GS就是下载一个软件去装，然后结束关闭就OK了，那怎么能验证它可不可以呢？如果你已经打开命令行了，把它关闭掉，你需要重打开一下啊，输入CMD对吧，或者是在地址栏里边这块输入CMD都可以对吧，然后。你查看一下node-V看一下装了一个最新版本，十四点幺五点幺，这样note就装完了。那note装完了你就可以看一下，Note里边自带一个工具对吧，咱不用说打开到它安装目录下打开去看的，对不对，你直接这样就行，NPM-V看一下。

也装上了，看到了吧。6.14.8，也就是我装的是最新的note note里边带的呢NPM最新的版本也是这个，那如果你想重新安装这个。NPM，重新安装这个NPM，那你直接NPM，因为它本身就有这工具了，对不对，那装任何软件包的时候都是in install，当然了也可以简写成一个。In I也都可以的，Install加上全称更好一些，对不对？再装NPM，然后杠G加上这个就是全集，全局安装它会到什么NPM仓库里边，你看自己装自己对不对，相当于用低版本的装一个，我没有指定版本号，这些参数我都会讲对不对，让器记得全局安装就会装到你的什么，呃，环境变量。那个比如说在那下userlo下面对不对，全局去安装，就在任何位置都可以使用NPM默认它也是全局安装的，不然的话我随便打开一个文件夹，它不一定能用，对不对，来再装一下。这样的话就开始去安装NPM了。

本身它就自带NPM，我只不过用NPM再装一下PM。等待一下。好，那咱们看一下他能不能把最新的版本给我们拉下来，我们再安慰一下。6.14.9，你看默认装的是6.14.8对不对，因为我们使用弄的是最新版本嘛，差一个小版本差距不大，技术版本号都是由三个组成的，对吧，还有这个后边咱们要用这样NPM我们就装完了。对吧，那想卸载呢，也就NPM什么UN stopto对不对就可以了。那NPM装完之后，那我们怎么使用它呢？你看啊。我们怎么使用它，比如说我现在想装j query对吧，那我们看一下它的软件里边有没有对吧，我们说了到这个网站这里边呢，都是这个包搜索的这个网站，对吧？搜一下解query，解QUE解query。那我们搜索一下。

你搜到什么就能装什么，而且呢，你可以指定装的版本。因为我现在用这个呃4G，所以呢，这个网速有一有一些慢，另外呢，你看啊。这个是国外的网站对吧，访问呢肯定慢，你光访问查询慢，你在下载安装的时候它也慢。所以呢，假如说我们想下载这个几块，我们安装，我们先直接安装一下，那现在安装的时候，你要记住我们在哪个目录下使用。你得找到你的项目目录，你比如说我在这里边新建一个文件夹在我的桌面啊，你可以在C盘D盘哪都可以，对不对，我们新建一个，比如说叫做呃，N。NP，我的项目。这块或者我叫做比如说呃，Edu work。那假如说我的一个项目。到这块来这项目录，那我如果直接在这块NPM。NPM。

因此到去装几块位。如果我直接这么去安装的话，想象一下它会在我的这个目录下，你就在哪个目录下执行这个命令，它就会默认为你这是项目目录就会在哪个下边去安装。就在哪下面装，那我现在新建在桌面新建一个目录。我进入桌面，进入e work这个目录，第二现在文件夹是空的对不对，是空的什么都没有，你看我只用n PM install对吧，我使用什么解query。放弃全局安装对吧，哪块都可以使用意思那。当然我们这个啊几块啊，这些没有先后顺序啊，你直接用哪个都行，对吧，只要只用这几个就行了，你看抓了。然后我们大家看一下。看一下，那为什么这没有呢？因为我使用了一个杠G对吧，装到全局去了，也就是在所有的地方都能用，不光是这个项目用，其他项目也可以用，所以他不会在这个项目的目录下，那假如说我安装的时候对吧，我把这个，呃，当然全局在哪，我就不找了，我把这杠器去掉。

你看一下，我们再装一下。这让他在我的项目里边去安装。你看。出现了两个。出现了两个，一个呢是这个。包管理的pack，这是包嘛，对不对？锁文件叫杰森一个呢，是什么一个。是我们query model这个目录，那你装一个软件，在这里边有一个，那如果再装一个呢，你看啊看我这目录。你看我再装一个，比如说n PM install。你到我装一个什么呢？装一个，呃，不知道宝宝。你先搜索有没有这个软件的装，但是当时知道是有这个软件的对不对。刚去装，你看这个地方就会有。这个。等待一下。网速比较慢。呃。

NPM啊，这哪boot swap加IP一样，这块找到了看到了吧，也就是你下载一个包，这里边就有一个目录，下载一个包安装一个就有一个目录对吧。共用这一个model models在这呢？这就是我们用NPM去装这个，呃，软件包，但是呢，现在装的感觉呢，怎么是比较慢的，咱先学这个简单的命料，一会儿咱们再详细的使用这里边其他的那些命料，你看装的是比较慢的，怎么办呢？因为它是在国外的网站，咱们没翻墙对不对，那怎么办呢？那你可以使用国内的一些镜像。比如说使用，咱们使用比较多的是淘宝的镜像。等一下这块。嗯。哎，这个地方你看啊。搭建环境时，通过如下代码将NPM设置成淘宝镜像，那我们先来查看一下现在我们用的这个镜像，也就是现在这个包从哪哪个仓库里边下载过来的，你看，使用NPM照着这个命令查看cn fig get，得到这个镜像re jt。

你看啊，聊到这个，你看通过npm GI点呱挖器，通过这个官方网站我们来下载的，对吧，那我们现在想把它变成淘宝的呢，你看这是NPM对吧，这是配置文件得到配置文件里边呢，这个选项，那配置文件的咱们呃下下节课会讲配置文件，从配置文件得到这个选项，那么我们就可以npm cn Fi配置文件。每个软件都有配置文件的，那我可以设置，那设置re jst是不是就可以设置这个选项啊，设置这个选项淘宝的镜像链接，那你全局你如果干个g global或者杠G对吧，就干g global吧。说话。听一下。粘贴一下你看就会在全局去设置这个镜像，那么你在任何地方下载的时候，对吧，都走这个镜像了，再下载就不是从这儿下载了来。你看我们镜像设置完了之后，我们再通过n PM get re GI。

GT，我们再看一下。诶，没有设置。没有设置成功。你看它使用的还是什么，还是这个镜像，我们粘一下NPM。淘宝点拖挖机。设置是不是看我这个写不写错啊，然后我们再得到这个镜像。还没有转过来。它也没提示，是不是我们地址什么写错了呢。NPM。NPM设置镜像，给个地址放格global没问题，那咱们换另外一种方法，你看啊用。这个工具切换淘宝啊NP。嗯。使用NPXNRM使用淘宝。来切换一下。

计划。网速比较慢地等待一下。如果配置改完没过来，那我们就切换一下。好用了20多秒来，那我们现在再得到一下这个镜像，你看就变成了我们NPM淘宝这个对不对，切换一下这样就过来了，这样的话我在安装解块RY的时候，比如说n PM install解qqu解query。那我再回车。他就会快一些。快一些。因为什么？因为我现在使用的是这个镜像，那如果再切回去。同样的办法，你使用什么？这个设置默认的地址对吧，设置这个就行了，就可以什么切回去了。当然你还可以怎么全局给它改成另外一个命令，如果你不切换的话，NPM，因此到当G给一个别的命令，比如说CNPM，那么下次你用的就不是NPM了，是CNPM，那每次用CNPM的时候，到淘宝镜像里边，你用NPM的时候，它的默认镜像这块。

去找，就这意思，所以呢，有的时候你可以定制一个这个命令，当然了我们没有那必要，对不对，那样的话感觉怪怪的，所以呢，我们直接切换一下就可以了，这就是设置镜像和如何查看镜像。那这个呢，就完成了NPM的安装，我们也用NPM安装了一下解query和bootrap，对吧，那安装的时候呢，我们也把这个仓库的地址由国外的服务器切换回了国内的阿里的服务器，对吧？就这样的一个过程啊，这就是我们这节课的一个任务，安装NPM，好，谢谢大家，这节课我们就讲到这里。