基于verdaccio工具搭建npm私服vue组件库
创始人
2024-03-09 06:57:08

大纲

  1. 搭建npm私服的必要性
  2. 搭建npm私服操作步骤
  3. 发布私有包的过程

一、搭建npm私服的必要性

  1. 下载速度更快
  2. 便于管理,可以分配权限
  3. 可以修改第三方包,放入我们得私服
  4. 可以只在公司局域网中用,不公开

二、搭建npm私服的主要操作

  1. 环境准备
    确保服务器已安装以下包:
node -v
npm -v
pm2 -v
  1. 全局安装verdaccio
npm install verdaccio -g
verdaccio -V  测试一下是否安装成功
  1. 修改verdaccio的配置文件config.yaml
vim /root/.config/verdaccio/config.yaml

ps: 在对应目录下,未找到配置文件config.yaml,可执行下verdaccio命令,进行第一初始

listen:
0.0.0.0:4873

其他配置

# - localhost:4873            # default value
# - http://localhost:4873     # same thing- 0.0.0.0:4873              # listen on all addresses (INADDR_ANY)
# - https://example.org:4873  # if you want to use https
# - [::1]:4873                # ipv6
# - unix:/tmp/verdaccio.sock    # unix socket
  1. 使用pm2启动verdaccio

可直接执行verdaccio,启动服务。

➜  Desktop verdacciowarn --- config file  - /Users/chenwei/.config/verdaccio/config.yamlwarn --- "crypt" algorithm is deprecated consider switch to "bcrypt". Read more: https://github.com/verdaccio/monorepo/pull/580info --- plugin successfully loaded: verdaccio-htpasswdinfo --- plugin successfully loaded: verdaccio-auditwarn --- http address - http://localhost:4873/ - verdaccio/5.18.0

以上是显示的界面信息及客户端请求记录,但是为了更好的管理服务,需要使用pm2。

pm2 start verdaccio 启动

➜  Desktop pm2 start verdaccio
[PM2] Applying action restartProcessId on app [verdaccio](ids: [ 0 ])
[PM2] [verdaccio](0) ✓
[PM2] Process successfully started
┌─────┬──────────────┬─────────────┬─────────┬─────────┬──────────┬────────┬──────┬───────────┬──────────┬──────────┬──────────┬──────────┐
│ id  │ name         │ namespace   │ version │ mode    │ pid      │ uptime │ ↺    │ status    │ cpu      │ mem      │ user     │ watching │
├─────┼──────────────┼─────────────┼─────────┼─────────┼──────────┼────────┼──────┼───────────┼──────────┼──────────┼──────────┼──────────┤
│ 0   │ verdaccio    │ default     │ N/A     │ fork    │ 35320    │ 0s     │ 1    │ online    │ 0%       │ 1.1mb    │ xxxxxx   │ disabled │
└─────┴──────────────┴─────────────┴─────────┴─────────┴──────────┴────────┴──────┴───────────┴──────────┴──────────┴──────────┴──────────┘

pm2常用命令:

  • pm2 start verdaccio 启动
  • pm2 stop verdaccio 停止
  • pm2 status verdaccio 查看状态
  1. 浏览器访问:
    http://127.0.0.1:4873/

三、发布私有包的过程

  1. 管切换镜像到本地npm私服
npm install -g nrmnrm add test_mirror_name http://127.0.0.1:4873/nrm use test_mirror_namenpm publish # 在自己要发布的包中路径下打这个命令
  1. 查看发布的组件
    http://127.0.0.1:4873/
    在这里插入图片描述

成功的话在你的项目里

npm install -seve-dev (vue-gitment项目名)

相关内容

热门资讯

埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...