安装npm依赖仓库Verdaccio

1 介绍

随着TypeScript语言的兴起，npm依赖包的管理也兴起，同时诞生了私有环境的npm仓库，比较出名的有Verdaccio、Nexus3、cnpmcore等，针对小团队可以选择Verdaccio。

Verdaccio是一个轻量级、零配置需求的本地私有npm仓库。无需搭建完整数据库即可快速启动！该工具自带微型数据库，并支持代理其他仓库（如npmjs.org），同时缓存下载的模块。此外，提供了多种插件，还可以自定义插件。

🔥注意：Verdaccio原生Web页面不支持显示代理缓存的依赖包列表，只显示自己自己发布的私有包。

Verdaccio地址

复制代码

# Github仓库地址
https://github.com/verdaccio/verdaccio

# 官网地址
https://www.verdaccio.org/

常用的npm仓库地址

复制代码

https://www.npmjs.com/

2 安装Verdaccio容器

下载镜像

复制代码

docker pull verdaccio/verdaccio:6.10.5

创建目录

复制代码

# 创建目录
mkdir /home/verdaccio

创建容器

复制代码

docker run -itd \
--name verdaccio \
-p 4873:4873 \
-v /home/verdaccio/storage:/verdaccio/storage \
-v /home/verdaccio/plugins:/verdaccio/plugins \
verdaccio/verdaccio:6.10.5

注意：可以配置-v /home/verdaccio/conf:/verdaccio/conf，进行高级设置，不过需要先在容器中获取config.yaml文件，容器不会自动创建。或者直接下载https://github.com/verdaccio/verdaccio/blob/master//packages/config/src/conf/docker.yaml

3 简单配置

访问地址

可以自定义设置中文语言，登录后和登录的页面一样。

复制代码

# 修改为自己的IP地址
http://192.168.108.128:4873/

添加账号和密码

复制代码

# 可在容器中，也可以在能能连接到系统的地方
docker exec -it verdaccio /bin/sh

# 添加用户
npm adduser --registry http://127.0.0.1:4873

# 依次输入账号和密码信息，我设置的都是verdaccio
Username: verdaccio
Password: 
Email (this will be public): 123456@qq.com

下面页面在Configuration->npm

4 简单使用

⚠️UI 首页只展示自己发布的私有包，代理缓存包不在首页列表。

复制代码

# npm
# 注册依赖包源
npm config set registry http://192.168.108.128:4873
# 查看源头是否变化
npm config get registry
# 安装依赖
npm install vue
npm install 

# pnpm
pnpm config set registry http://192.168.108.128:4873
pnpm add vue --registry http://192.168.108.128:4873

# yarn
yarn config set registry http://192.168.108.128:4873
yarn add vue --registry http://192.168.108.128:4873

切换互联网依赖源

复制代码

npm config set registry https://registry.npmmirror.com

缓存包目录

复制代码

# 缓存包会在容器中目录
/verdaccio/storage/data

命令验证是否缓存成功

⚠️ 原生不支持，在Web页面上无法显示是否缓存，使用下面命令查看是否缓存成功；或者，需要第三方插件verdaccio-ui-all-packages。

复制代码

npm install vue --registry http://192.168.108.128:4873

# 返回值如下，表明缓存成功
up to date in 9s

3 packages are looking for funding
  run `npm fund` for details

网页地址验证是否缓存成功

网页地址验证，网址后面跟依赖包名称

复制代码

http://192.168.108.128:4873/vue

出现下面值表示缓存成功