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上传私服，且从私服下载使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。