npm包管理工具总结(一)

409 阅读2分钟

「这是我参与2022首次更文挑战的第21天,活动详情查看:2022首次更文挑战」。

代码共享方案

在之前的文章中,我们学习了模块化的知识。我们可以通过模块化的方式将代码划分为一个个小的结构。在平常开发中,我们将代码进行模块化,并且封装成一个工具。那么其他同事需要用到我们封装的工具,他们可以通过导入的方式来使用。

如果我想要自己的代码给世界上的所有程序员使用,那该怎么弄呢?

一种方式是通过github。

我们可以把代码上传到github,其他程序员手动下载我们的代码并且引入到自己的项目中。当我们上传的代码需要版本升级或者切换时,他们需要重新下载并引入。整个过程是十分繁琐的。

另一种方式是使用一个专业的工具来管理我们的代码。

这个工具可以将我们的代码发布到特定的位置,其他程序员可以直接通过这个工具来安装、升级、删除我们的工具代码。显然,第二种方式是更简单、方便的。

包管理工具npm

npm(Node Package Manager),也就是Node包管理器。为什么叫Node包管理工具呢,因为npm最早出现的时候是为node里面很多的包服务的。

目前npm不仅是node包管理器了,在前端项目中我们也使用它来管理依赖的包,例如vue、axios等。

既然npm作为node包管理器,要使用npm我们就需要先安装nodenodejs.org/en/,可以下载LTS稳定版。

npm管理的包我们可以在www.npmjs.com/这个网站中查看和安装一个包。npm管路的包存放在registry中,可以看成是npm的仓库。当我们发布自己的包时,我们是发布在registry中的。当我们安装一个包时,我们是从registry上面下载的。

npm的配置文件

在项目中,我们会用到很多包,那么这么多包npm该如何管理呢?

npm会通过配置文件package.json来进行管理。它记录着你项目的名称、版本号、项目描述等,还有项目所依赖的其他库的信息和依赖库的版本号。

如果是手动从零创建一个项目,我们可以通过npm init -y来得到这个配置文件。要注意的是,文件夹名必须是英文,所有的信息都是默认的。我们也可以通过npm init手动填写相关信息。如果是通过脚手架创建的项目,脚手架会自动帮我们生成package.json,并且里面有相关配置。