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

安装镜像源管理工具nrm

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

1. 安装nrm管理工具

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

2. 安装成功后可使用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
   

   

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

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

   nrm use sifu
   

   

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

   npm login
   

   

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

   npm publish
   

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

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

以下步骤都是基于npm命令

1. 首先第一步执行：

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

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

   npm config get registry
   

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

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

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

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

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

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

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

1. 将镜像源地址设置成公司私服命令

   // 安装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