一、安装 verdaccio

npm install --global verdaccio

二、运行verdaccio

verdaccio

image.png

三、编辑verdaccio相关配置

编辑上图第一行中的config.yaml文件

1、更改代理npm地址

私服上没有的npm包会到这里的代理地址去找

image.png

# a list of other known repositories we can talk to
uplinks:
  npmjs:
    url: http://r.cnpmjs.org/

packages:
  '@*/*':
    # scoped packages
    access: $all
    publish: $authenticated
    unpublish: $authenticated
    proxy: npmjs

  '**':

2、增加启动ip和端口，防止非本机无法访问

在底部加上listen: 0.0.0.0:4873

image.png

当然这里的端口，可以根据你实际情况来

四、安装pm2 node的进程守卫

防止verdaccio挂掉
npm i pm2 -g

五、关闭verdaccio并使用pm2启动verdaccio

使用 pm2 start verdaccio，如果出现如下无法启动的情况(启动后status显示stop)

image.png
可以考虑采用直接找到全局安装verdaccio的文件启动： pm2 start C:\Users\你的Windows用户名\AppData\Roaming\npm\node_modules\verdaccio\bin\verdaccio
另外不得使用pm2的集群模式来启动verdaccio，原因是 https://github.com/verdaccio/verdaccio/issues/1301

六、设置npm 源为verdaccio

npm set registry http://你的本机IP:4873/

七、创建verdaccio 帐号和密码

npm adduser --registry http://你的本机IP:4873

八、发布npm包

具体怎么发布npm包可见 手把手教你快速制作基于Element UI组件npm包 。
npm包制作完成后 ，执行npm publish --registry http://你的本机IP:4873

image.png
发布完后还可以主动推送消息到钉钉之类的：https://verdaccio.org/docs/en/notifications

九、额外补充

如果你使用nrm，可以使用nrm 管理多个npm源
nrm add 你取的npm源名字 http://你的ip:4873/
nrm use 你取的npm源名字