Web前端框架通用技术 npm 2_认识一下什么是NPM 学习猿地原创

大家好，我是学习园地的特约讲师高洛峰，这节开始呢，我们来开始学习NTM包管理工具，那我们看一下我们都会，呃，讲解哪些东西，首先呢，我们要认识一下NPM，然后呢，学会安装它，使用它，了解它的核心的一个配置文件，然后呢，呃，安装的这个包我们怎么去用，然后还有一个样和NPM是类似功能的一个包管理器，那我们再对比学习一下，那这节课呢，我们首先来要认识一下NPM，那什么是NPM呢？那我们要看到NPM呢，全称就是node的包管理器，也就noe包管理器，那有的时候那什么是包管理器啊，那我后边呢，还会接触到模块，还有包，那什么是包，什么是模块，那这个呢，呃，后边我们遇到的时候，我们再详细的讲解，那现在呢，我们就把大的软件咱们就看成是包吧。什么意思？也就是我们在写程序的时候，在写程序的时候。我们会怎么办？首先呢？相同的功能，就这个功能肯定是别人一句比较常见的一个功能，有可能别人写过，那我们首先想到的是干嘛呀，是在搜索引擎里边搜索一下，诶找到这个功能的代码，然后呢，粘到我程序里边去。

对吧，那这样的代码片段从网上一个网页或者一个论坛里边粘过来，然后放到自己的代码里边。那这个过程呢，是我们程序员经常用到的一个过程。但是呢，有一个问题什么呢？首先呢，你粘的这个代码，这个代码质量。你们怎么着，不容易考量它是好是坏，对吧，最主要的是你粘过来代码，如果别人在帖子里边更新了，升级了。对吧，那你在你程序里边的，你怎么能知道别人更新升级呢，你升级不了对吧，所以呢，这是我们以前经常用到的办法，但是呢，NPM出来之后。就不一样了，你比如说我们在手机里边装软件的时候，装APP的时候，是不是经常到那个APP的商店，对吧，比如说appstore里边下载安装就可以了。

那。NPM的作用就是什么呢？一样有一个代码仓库。这个代码仓库呢，你比如说像我们get的社区。里边就是一个代码仓库。对吧，那我们通过NPM的一条命令。后边加上报名，我们就可以把这个代码下载过来，装到我的程序里边来。作为我程序的一个功能模块。来使用就可以了。这就是NPM。那这个代码仓库是谁来提供的呢？咱们说了这上有很多很多这样的代码仓库，对吧，由成千上万个人对吧，你看NPM超过了什么1100万开发人员对吧，进行依赖去去使用，去开发。那有100多万个软件包。都是你的，所以呢，相当于你学会了NPM，相当于你在程序里边有一个，相当于在你本机就相当于有一个仓库，有100万个软件包，这100万个软件包呢，我可以想用哪个就用哪个。

随意的用。而且呢，包和包之间的依赖关系，比如说你使用A包，A包呢，有可能还依赖B包，B包有可能还依赖C包，C包还可以可能依赖B和F包。如果你是没有一个包管理器来管理他们。那你需要怎么办呢？你需要自己解决这个依赖关系，但是呢，有了NPM你就不用了。你只要一条命令下来。怎么着你就可以，他就帮你把这个依赖关系和对应的版本帮你管理了，这就是NPM最大的一个好处。所以要知道NPM，要知道使用它的意义，而并不是说简单的就要知道说NPM怎么用对不对，对于新新人来说，为什么要使用NPM，这个是很重要的。清楚吧。当然了，你会使用NM，那么会管理包了，你不光用别人的包，有的时候呢，也建议大家也去做一些什么，做一些贡献，把你写好的程序代码，你可以什么传到get上去，对吧，然后也做成NPM的包。

分享自己的源代码，形成线上的，线上的一个这样的代码仓库。听了吧，然后根据在社区里边跟别人的一些讨论交流，然后来优化自己的包，形成不同的版本，让别人使用，做一些贡献，也就共享，共享自己的代码，所以如果每个人，每个程序员都爱共享自己的这样的代码，那么。你帮助别人，那也是得到了别人的帮助，是这样的一个作用。记了吧。所以我们要知道NPM是一什么作用，我们简单给大家画一下，你比如说。这里边儿我们用这个圆珠笔吧，相当于我们在云上边有一个很大的一个仓库，这个仓库里边有很多个代码。鼠标显得有点一万十万一百万个包对不对，然后呢，你在使用的时候呢，只要嗯，你想用到哪个包，先搜索看看作用，看看文档，这个包是你想要的，所以一条命令就能把这个包下到你本期的这个你的什么你的电脑里边来，在你的电脑里边，在你的应用城里边，或者是你的项目里边，然后直接去引用就可以了，你比如说。

嗯，咱们在没学NPM之前，咱们假如说你接触过boosrup，接触过什么，呃，接触过几quary，接触过什么undersco之类的等等等等，那你就怎么着，假如用解query，你就得去解块的网上去下载解query，那学习boorup呢，你就得到good官网上去下载boorup，对吧？那把几块看成是一个包，Bootstrap看成是一个包对吧？那你一个一个下，一个一个在网页安装去使用。对吧，因为你比如说你用不抓时候，他是依赖，有的时候依赖解query，你还心中解query等等，麻不麻烦对不对，所以呢是成员是一个很麻烦的事，但是你接触过今天的NPM之后，你再也不用去那么那么做了，你比如说。我们啊。

我给这块给你开个浏览器，比如说我们以前在学习这块的时候，或者是。呃，学习。比如说bootrap的时候，那我们通常去下载，你可以直接到解query的网站，比如说去下载。几块的网站。去一个一个的去下载还可以干嘛呢，还可以。通常我们不一在找，通常我们这前端有很多，比如说就是我以前说过静态资源吸边对不对，那这里边有好多静态静态资源吸边对吧，你比如说静态资源吸边图文库等等，我不管他是哪个网站了，对不对，你在这里边搜解块。对吧，你看这里边就有几块和几块的各种扩展，对不对，你一个一个的去下载对吧，你使用good，你就是boot s ST boot s trapp bootra，然后一个一个点开去找，里边呢，也有不同的版本，看到了吧，然后一个一个去下载，你可以复制link链接，直接在你M加载，对吧，也可以复制这个链接，直接下载过来，找到你希望的版本就可以了。

比较麻烦对吧，那如果想更新的话，你还得去找，然后自己去下载，等咱们用了这个NPM之后，你就觉得怎么着就变得很容易了，就不用这么去找了。那NPM能知道它的作用啊，能知道它的作用啊，那。NPM，它。是一个，它本身也是一个包对吧，它是no的默认的。什么以加速编写的软件包管理系统？它也是一个包，是用什么node写的对吧。啊。这块它的官网是这个。这个，那我们可以到这个上面去下载，当然了我也会教大家一个快的一个一个方式，我解块这块你可以去下载啊，你比如说我们到。No。就是NPM这里边去看一下，你可以在这里面搜索包，比如说几块瑞。你搜索这是几块人，当然我们这边不用去下载去安装，因为我们有NPM，我们直接一条命令就可以，对吧，那这里边比如说vuee。

对吧，然后你比如说VE脚手架。看到vuee脚手架对吧，什么版本你都不用管，我们用NPM都可以去控制，然后呢，比如说。等等都可以，包括很多个插件，在这里边儿有上百万个包呢，你看有多少页对不对，你都可以搜索，在这里边的，你一条命都可以下载到你本地去使用。对吧，那比如说quiry，但是到后期用，因为we react咱还没接触过，所以呢，我就不点开那个东西了，你看。这是几块的包，那它是在哪块托管的呢？你看加目录是在这块，你看还是在get ho。对吧，还是在get up在这个地方，所以呢，怎么使用你看。这块在CDN上怎么使用，是这样的一个资源，对吧。这就是NPM我们要了解的一些内容，先认识APM就是一个包包管理器，相当于我们手机里的APP道，当然了。

你用NPM下载的。并不是说某一个项目，咱们如果把项目划分的话，划分成什么呢？是一个完整的项目，比如说商城是一个完整项目，对不对？那商城这个完整项目，比如说前端部分什么组成的，它是由多个包里边的程序编写成的，那包呢，里边呢由多个模块组成的一个包。那我们说了有什么，后边我们会讲NPM的配置文件，有那配置文件我们就可以算是是一个包，一个模块也可以算是一个包，多个模块也可以组成一个包，是这个概念啊。所以呢，这就是他用来是管理包的这样的一个东西。好，我们简单了解一下，呃，你就你就记住一句话，会了NPM，你就相当于拥有了。上百万个软件包。对吧，或者是功能模块你直接用就行了，解块vuee脚手架之类的都算是NPM的一个包，一个命令下去，我们就可以把它拉过来。好，这节课我们就讲到这里，只是简单介绍一下什么是NPM啊？

注重它，一旦学完NPM，后边的所有的开发，咱们都会用NPM来管理包。接触这个之后，好，今天这节课我们就讲到这里。