npm本地仓库搭建教程

看完你将能收获:搭建自己本地的个人或者公司私有的npm仓库。
**

前言

**

npm是随同node.js一起绑定安装的包管理工具,其他比较知名的包管理工具有bower,yarn等。
npm现在已经是全球最大的前端包管理工具,截至2021年12月8日止,上个月下载量已经达到了惊人的151,666,241,827次,怎么样,是不是数不过来了,待小编给你翻译翻译,1516亿6624万1827次,上周下载量则达到了360亿5707万2522。 而且该数据也还在继续增长中,可见npm在全球的活跃度,那是相当之高的。
国内都有哪些企业在用呢?唔~~~阿里、京东、腾讯、百度、网易…只要是你在中国认识的互联网企业,基本都在用,而他们npm包都是从npm官网下载来的,而npm官网是外国网站,那么就问题来了,咱们直接访问npm外网下载包的时候,会有一股神秘的力量把你保护起来,导致下载包的速度很慢,因此中国优秀的前端团队——来自阿里的淘宝团队,就镜像了一个国内的npm网站。

旧域名:http://npm.taobao.org 旧镜像域名:http://registry.npm.taobao.org 新域名:npmmirror.com 新镜像域名:https://registry.npmmirror.com

该网站每十分钟同步一次npm官网的包数据,能让国内广大程序员都能自由自在的使用npm下载别人的包来构建自己的项目。
说到这里问题又来了,我们用npm下载的都是从公网仓库拿的别人的工具包,要是我想开发的工具包但是不想给别人用,也就是开发一个自己或者公司私有的npm仓库,那该怎么办?
来吧,跟随小编进入今天的主题,相信你一定有所收获。

下载项目

搭建本地的私有仓库的方法有很多,今天咱们将要用到的是和淘宝开源的项目–cnpm.org。该项目github地址为:https://github.com/cnpm/cnpmjs.org。

拉取项目git命令为:
git clone https://github.com/cnpm/cnpmjs.org.git
在这里插入图片描述
在这里插入图片描述
不要问小编为什么这个页面我会有个加速按钮而你没有,因为我有更神秘的力量。

使用git或者直接下载包并用VSCode打开,项目结构是长这样:
在这里插入图片描述
好的,接下来就是更改配置文件了。
更改配置
打开项目目录下的config文件夹下的index.js文件
在这里插入图片描述

自定义npm端口

找到config对象下名为registryPort 和 webPort这两个个对象属性
在这里插入图片描述
这两个端口分别对应了两个层次

**

1. webPort

**
架设的web页面的端口
在这里插入图片描述

2. registry

npm install 拉取包的时候会在后台进行网络请求,请求的网址的端口地址
在这里插入图片描述
端口号根据自身情况来定义。

链接数据库

找到config对象下名为database 这个对象属性,开始修改连接数据库配置。
在这里插入图片描述
到此为止,我们基本就配置完了,是不是很简单,接下来我们开始运行项目。

运行项目

官方文档说的是要用 make 命令来完成运行,但是该命令是针对于Mac和Liunx环境下使用的,请Liunx和Mac用户按照官网来运行,这里放上官网的命令
在这里插入图片描述
而window环境下,咱们只需要用node命令,轻轻的敲一下回车就搞定了!很简单。

找到项目下的dispatch.js文件并使用node命令来运行它。
在这里插入图片描述
当看到控制台展现出这些信息,恭喜你,搭建成功了。

接下来咱们测试一下:
先切换本地的npm 的registry地址到我们本地来,检查下是否成功了
在这里插入图片描述
切换registry完毕之后,我们尝试安装一下公网的npm包,我们随便装一个jquery吧。
在这里插入图片描述
看得出来,哪怕我们切换到了本地节点,我们依旧可以下载上传到npm服务器的公网的包。

这是因为在我们npm install 后会根据包名先在我们本地仓库查找,如果本地仓库没有该包名,就会到淘宝镜像网站上去找。简而言之,你不但创建了自己的私有的包,还拥有了世界上所有开放的包,怎么样,拽不拽。

接下来我们在试试本地的npm服务是否可以使用,由于是新建的库,没有本地包可以install,我们就用npm的注册来判断服务是否正常
在这里插入图片描述
好的,看得出来,我们本地的mysql数据库已经把321用户添加进去了,证明我们本地搭建的npm仓库是完美的运行了。怎么样,拽不拽。

小提示

小编踩坑过程中,把遇到的坑解决的问题拎出来给大家做个参考:

切换到本地npm仓库后npm总报错???要不检查下webPort 和 registryPort 两个端口是否设置成你的预期了?

端口成功了也能使用npm功能了,还在报错,要不要检查下你的数据库的配置?

好的,这期搭建npm本地仓库的教程到此为止,后期可能会继续聊聊如何开发包和上传包,还有包的权限管理的文章。请大家持续关注我们,我们将继续为大家带来更硬的技术干货!

谢谢阅读。

两个字:快,稳!
欢迎咨询,后台回复【商务合作】,获取联系方式!

欢迎关注微信公众号【三维网格3D】,第一时间获取最新文章

在这里插入图片描述

  • 0
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值