美文网首页
npm本地仓库搭建教程

npm本地仓库搭建教程

作者: 三维网格 | 来源:发表于2021-12-13 09:30 被阅读0次

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

    相关文章

      网友评论

          本文标题:npm本地仓库搭建教程

          本文链接:https://www.haomeiwen.com/subject/azhjfrtx.html