2023-11-24

使用Verdaccio搭建私有npm仓库


0.3522022.03.12 17:42:56字数 577阅读 12,870

搭建团队的私有仓库,保证团队组件的安全维护和私密性,是进阶前端开发主管路上,必不可少的一项技能。

一、原理

我们平时使用npm publish进行发布时,上传的仓库默认地址是npm,通过Verdaccio工具在本地新建一个仓库地址,再把本地的默认上传仓库地址切换到本地仓库地址即可。当npm install时没有找到本地的仓库,则Verdaccio默认配置中会从npm中央仓库下载。

二、常用的仓库地址

npm : https://registry.npmjs.org/

cnpm : http://r.cnpmjs.org/

taobao: https://registry.npm.taobao.org/

三、优势

私密性高,仅团队共享。

安全性高,能够有效的防治恶意代码攻击。

使用局域网,传输速度快。

四、准备环境

兵马未动,粮草先行,既然是搭建私有仓库应用,基础环境得备好。

node

git

verdaccio

nrm(快速切换仓库源)

pm2(守护进程)

五、npm常见操作

查看当前用户信息

npm who am I

查看源地址

npm config list

切换源地址

npm set<registry><url>

删除源地址

npm config rm<registry>

登录

npm login

发布

npm publish

六、nrm常见操作

使用这个就可以快速地在 npm 源间切换,简化npm命令操作。

安装

npm install -g nrm

查看源地址

nrm ls

添加新的源地址

nrm add<registry><url>

切换源地址

nrmuse<registry>

删除源地址

nrmdel<registry>

七、使用verdaccio搭建私有npm服务

安装

npm install -g verdaccio

运行。启动时间会很久,断开cmd会关掉服务,可以使用pm2守护进程即可。

// 访问http://localhost:4837verdaccio

配置config.yaml,使局域网下能共享访问,否则只能本机访问。

// 最后面添加以下配置listen:0.0.0.0:4873

重启,必须重启电脑配置才能生效。

重新运行

// 访问http://ip:port/// 不要访问本地localhost下的verdaccio

使用nrm新建本地仓库

nrmadd<registry>http://localhost:4873

使用nrm切换到本地仓库

nrmuse<registry>

使用nrm查看是否新增成功

nrm ls

注册verdaccio账号,一定要先保证切换到本地的源仓库的前提下,因为你注册的账号是保存在对应仓库源上的。

npm adduser// 输入账号和密码

上传仓库

// 登录npm login// 发布npm publish

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 搭建团队的私有仓库,保证团队组件的安全维护和私密性,是进阶前端开发主管路上,必不可少的一项技能。 一、原理我们平时...
    毕竟1米八阅读 13,839评论 0 4
  • 大体搭建步骤转自: npm私有仓库搭建 而大部分截图来自亲测操作过程 一、首先需要安装node环境 1、下载,ht...
    前端菜篮子阅读 10,777评论 0 5
  • 注意:安装vue之前需要先安装node.js Vue项目初始化,如果已经安装了vue-cli,从第二步开始才做 1...
    _码奴阅读 588评论 0 0
  • 安装依赖 npm install 查看镜像 npm get registry 切换淘宝镜像 npm config ...
    小溪流jun阅读 358评论 0 0
  • npm 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行...
    Upcccz阅读 125,380评论 0 42