首页 > 其他分享 >vue前端使用nexus配置npm私有仓库

vue前端使用nexus配置npm私有仓库

时间:2023-04-24 14:48:19浏览次数:55  
标签:npm vue group nexus 创建 私服 仓库 registry

当我们运行前端项目的时候,常常在解决依赖的时候会加上一个参数npm install --registry=https://registry.npm.taobao.org将源指定为淘宝的源,以期让速度加快起来,事实上这种的确能够让速度变快,但是长久来看,如果想真正的快速敏捷开发部署,搭建企业内部的私服,则会让速度更上一个台阶。

搭建npm私服,我们依旧使用nexus3。

与其他私服一样的,npm私服同样有三种类型:

  • hosted : 本地存储,即同 docker 官方仓库一样提供本地私服功能
  • proxy : 提供代理其他仓库的类型,如 docker 中央仓库
  • group : 组类型,实质作用是组合多个仓库为一个地址

那么就来一个一个创建。

1,创建blob存储

为其创建一个单独的存储空间。

2,创建hosted类型的npm

  • Name: 定义一个名称local-npm
  • Storage:Blob store,我们下拉选择前面创建好的专用blob:npm-hub。
  • Hosted:开发环境,我们运行重复发布,因此Delpoyment policy 我们选择Allow redeploy。这个很重要!

3,创建一个proxy类型的npm仓库

其他的均是默认。

整体配置截图如下:

4,创建一个group类型的npm仓库

  • Name:group-npm
  • Storage:选择专用的blob存储npm-hub。
  • group : 将左边可选的2个仓库,添加到右边的members下。

整体配置截图如下:

这些配置完成之后,就可以使用了。

5,验证使用

新建一台环境干净的主机,安装好node环境,然后拷贝一份前端项目的源码。

1,首先获取默认的仓库地址:

# npm config get registry
https://registry.npmjs.org/

2,配置为私服地址。

从如下截图中查看(其实就是创建的组对外的地址)。

通过如下命令配置:

# npm config set registry http://192.168.75.11:8081/repository/group-npm/
# npm config get registry
http://192.168.75.11:8081/repository/group-npm/

现在开始安装,安装之前先看一下组里的内容:

6、最后一部需要在前端配置

 

标签:npm,vue,group,nexus,创建,私服,仓库,registry
From: https://www.cnblogs.com/bigant9527/p/17349437.html

相关文章

  • vue-下载本地项目中的文件
    vue-下载本地项目中的文件文件放在public下新建了一个文件夹staticsimportaxiosfrom'axios'downs(name){axios.get('statics/'+name,{//静态资源文件夹publicresponseType:'blob',}).then(response=>{c......
  • 解决vue移动端 ios页面切换出现闪屏现象(可直接复制张贴)
    在App.vue文件中监听路由//控制左右滑动 watch:{  $route(to,from){   constarr=[    '/warningCenter/warningCenterHome',    '/equInspection/equInspectionHome',    '/ourOrder/ourOrderHome',    '/orderC......
  • Vue2入门之超详细教程七-事件处理
    1、简介事件的基本使用:(1)使用v-on:xxx或者@xxx绑定事件,其中xxx是事件名(2)事件的回调需要配置在methods对象中,最终会在vm上(3)methods中配置的函数,不要用箭头函数!否则this就不是vm了(4)methods中配置的函数,都是被Vue所管理的函数,this指向是Vm或......
  • vue3 自定义组件双向绑定(modelValue)
    参考链接:https://huaweicloud.csdn.net/638edf68dacf622b8df8d152.html父组件:<Customabcref="editor"v-model="data.introduction":min-height="400"name="职能"placeholder="请编辑"/>子组件<divclass="tinymc......
  • Vue——eventsMixin【十六】
    前言按着流程接下来就到了eventsMixin,这里面其实主要是$on,$once,$off,$emit的方法定义。内容eventsMixin位于src/core/instance/events.ts下exportfunctioneventsMixin(Vue:typeofComponent){consthookRE=/^hook:///https://v2.cn.vuejs.org/v2/api/#vm-on......
  • vue移动端使用(pdfh5) 组件预览PDF
    1、安装插件npmipdfh52、在页面内引入组件importPdfh5from"pdfh5";import"pdfh5/css/pdfh5.css";3、写一个展示pdf文件的容器  <divid="pdfType"></div>4、封装在事件中 initPdf(){      this.pdfh5=''      this.pdfh......
  • 在vue标签代码块中定义变量
     方式一:<template><h1>test</h1><template:set="first=list[0]">//定义变量<div>{{first.name}}</div>//使用变量</template>...</template><script>exportdefault{......
  • npm i 报错 unable to resolve dependency tree
    错误:问题原因:安装包各个版本冲突解决办法:npmi--legacy-peer-deps忽略各种报错命令npmi--legacy-peer-deps--ignore-scripts--registry=https://registry.npm.taobao.org然后重新安装 npminstall 或者 cnpmi ......
  • 3.Vue脚手架
    3.脚手架3.1.初识3.1.1.简介Vue脚手架/Cli(CommandLineInterface)是Vue官方提供的标准化开发工具(开发平台)。官网:https://cli.vuejs.org/zh/3.1.2.安装全局安装@vue/cli(第一次使用时配置即可)npminstall-g@vue/cli#在使用这串命令之前需要下载好nodejs并且......
  • 【vue】error in ./src/components/NumberInfo/NumberInfo.vue
    出现背景:ant designvuepro执行yarnrunserve解决办法:修改src/components/NumberInfo.vue文件中style部分原来的:<stylelang="less"scoped>@import"index";</style>注释掉 @import"index"<stylelang="less"scoped&g......