包管理工具详解(一)

154 阅读2分钟

代码共享方案

在JavaScript中可以通过模块化的方式将代码划分成一个个小的结构:

在以后的开发中我们就可以通过模块化的方式来封装自己的代码,并且封装成一个工具

这个工具我们可以让同事通过导入的方式来使用,甚至你可以分享给世界各地的程序员来使用;

如果我们把代码分享给其他人使用,有哪些方式呢

方式一:上传到GitHub上、其他程序员通过GitHub下载我们的代码手动的引用;

缺点是大家必须知道你的代码GitHub的地址,并且从GitHub上手动下载;

需要在自己的项目中手动的引用,并且管理相关的依赖;

不需要使用的时候,需要手动来删除相关的依赖;

当遇到版本升级或者切换时,需要重复上面的操作;

显然,上面的方式是有效的,但是这种传统的方式非常麻烦,并且容易出错;

方式二:使用一个专业的工具来管理我们的代码

我们通过工具将代码发布到特定的位置;

其他程序员直接通过工具来安装、升级、删除我们的工具代码;

显然,通过第二种方式我们可以更好的管理自己的工具包,其他人也可以更好的使用我们的工具包。

包管理工具npm

包管理工具npm:

Node Package Manager,也就是Node包管理器;

但是目前已经不仅仅是Node包管理器了,在前端项目中我们也在使用它来管理依赖的包;

比如vue、vue-router、vuex、express、koa、react、react-dom、axios、babel、webpack等等;

如何下载npm工具呢?

npm属于node的一个管理工具,所以我们需要先安装Node;

node管理工具:nodejs.org/en/

npm管理的包可以在哪里查看、搜索呢? www.npmjs.org/

这是我们安装相关的npm包的官网;

npm管理的包存放在哪里呢?

我们发布自己的包其实是发布到registry上面的;

当我们安装一个包时其实是从registry上面下载的包;

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第14天,点击查看活动详情