欢迎关注微信公号【三维网格3D】,第一时间获取最新文章
前言
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】,第一时间获取最新文章