Vue自定义组件npm上传私服，且从私服下载使用

Vue自定义组件npm上传私服，yarn私服下载使用

• • 安装镜像源管理工具nrm
  • 发布自定义组件到公司私服
  • 若未下载nrm源管理工具直接使用npm设置私服地址也可以
  • • 以下步骤都是基于npm命令
  • 从私服下载使用自定义组件

安装镜像源管理工具nrm

首先基于需要来回切换镜像源问题，建议先执行以下命令下载镜像源管理工具：

安装nrm管理工具

// 开发的npm registry 管理工具 nrm, 能够查看和切换当前使用的registry npm install -g nrm

安装成功后可使用nrm管理工具相应命令，具体一些常用命令如下：

1. // 查看所有的支持源（有*号的表示当前所使用的源） nrm ls

2. // 将npm下载源切换成指定的源 [name]表示源的名称（如上图使用taob 执行命令 nrm use taob）nrm use [name] 3. // 添加源地址 一般都是添加私服源 <name>表示给添加源起的名称 <url>表示源的地址 // (如添加ceshi源：nrm add ceshi http://122.100.133/registry/) nrm add <name> <url>

4. // 添加成功可执行nrm ls 查看所有源找到自己刚添加的ceshi源 nrm ls

发布自定义组件到公司私服

基于安装好的源管理工具nrm切换到公司私服地址

nrm use sifu

登录公司私服地址(从下面开始操作步骤需要使用npm 命令)

npm login

登录成功即可发布组件包到公司私服

npm publish

4. 确定包发布成功可登录公司nexus查看

若未下载nrm源管理工具直接使用npm设置私服地址也可以

以下步骤都是基于npm命令

首先第一步执行：

// 将镜像设置成公司私服地址 <url>为公司私服地址 // 如:npm config set registry http://122.100.133/registry/ npm config set registry <url>

我这边第二步确认了下本地镜像是否设置成功：

npm config get registry

第三步设置成功后可直接执行登录命令：

// 执行以下命令后登录输入账户、密码和邮箱按具体实际需求来 npm login

第四步这里跟发布到npm服务器上略微有点不同

// 发布到npm直接执行命令: npm publish // 发布到公司私服需要指定具体私服地址: // tips：因自己直接执行npm publish不成功，后发现第一次发布需添加具体私服地址， // 之后再次发布可不添加具体私服地址, // 具体看情况,不成功就加上具体私服地址，成功可不加 npm publish --registry=http://122.100.133/registry/

确定包发布成功可登录公司nexus查看

从私服下载使用自定义组件

若自己发布到私服组件有依赖Vue,开发项目中也有依赖Vue,请确保私服依赖Vue版本跟开发项目保持一致，避免一些不必要的坑

将镜像源地址设置成公司私服命令// 安装nrm镜像源管理工具后执行([name]代表给私服源起的名称): nrm use [name] // 若未安装则执行：<url>代表私服源网络地址 npm config set registry <url> 2.设置成功后即可下载私服组件// 执行下载组件包命令 npm install -save base-chat-imui@1.3.0 // 若npm命令下载报错可换yarn命令尝试下载 yarn add base-chat-imui@1.3.0

总结

以上是生活随笔为你收集整理的Vue自定义组件npm上传私服，且从私服下载使用的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。