2023-11-24

使用Verdaccio搭建私有npm倉庫


0.3522022.03.12 17:42:56字?jǐn)?shù) 577閱讀 12,870

搭建團隊的私有倉庫,保證團隊組件的安全維護和私密性,是進(jìn)階前端開發(fā)主管路上,必不可少的一項技能。

一、原理

我們平時使用npm publish進(jìn)行發(fā)布時,上傳的倉庫默認(rèn)地址是npm,通過Verdaccio工具在本地新建一個倉庫地址,再把本地的默認(rèn)上傳倉庫地址切換到本地倉庫地址即可。當(dāng)npm install時沒有找到本地的倉庫,則Verdaccio默認(rèn)配置中會從npm中央倉庫下載。

二、常用的倉庫地址

npm :?https://registry.npmjs.org/

cnpm :?http://r.cnpmjs.org/

taobao:?https://registry.npm.taobao.org/

三、優(yōu)勢

私密性高,僅團隊共享。

安全性高,能夠有效的防治惡意代碼攻擊。

使用局域網(wǎng),傳輸速度快。

四、準(zhǔn)備環(huán)境

兵馬未動,糧草先行,既然是搭建私有倉庫應(yīng)用,基礎(chǔ)環(huán)境得備好。

node

git

verdaccio

nrm(快速切換倉庫源)

pm2(守護進(jìn)程)

五、npm常見操作

查看當(dāng)前用戶信息

npm who am I

查看源地址

npm config list

切換源地址

npm set<registry><url>

刪除源地址

npm config rm<registry>

登錄

npm login

發(fā)布

npm publish

六、nrm常見操作

使用這個就可以快速地在 npm 源間切換,簡化npm命令操作。

安裝

npm install -g nrm

查看源地址

nrm ls

添加新的源地址

nrm add<registry><url>

切換源地址

nrmuse<registry>

刪除源地址

nrmdel<registry>

七、使用verdaccio搭建私有npm服務(wù)

安裝

npm install -g verdaccio

運行。啟動時間會很久,斷開cmd會關(guān)掉服務(wù),可以使用pm2守護進(jìn)程即可。

// 訪問http://localhost:4837verdaccio

配置config.yaml,使局域網(wǎng)下能共享訪問,否則只能本機訪問。

// 最后面添加以下配置listen:0.0.0.0:4873

重啟,必須重啟電腦配置才能生效。

重新運行

// 訪問http://ip:port/// 不要訪問本地localhost下的verdaccio

使用nrm新建本地倉庫

nrmadd<registry>http://localhost:4873

使用nrm切換到本地倉庫

nrmuse<registry>

使用nrm查看是否新增成功

nrm ls

注冊verdaccio賬號,一定要先保證切換到本地的源倉庫的前提下,因為你注冊的賬號是保存在對應(yīng)倉庫源上的。

npm adduser// 輸入賬號和密碼

上傳倉庫

// 登錄npm login// 發(fā)布npm publish

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 搭建團隊的私有倉庫,保證團隊組件的安全維護和私密性,是進(jìn)階前端開發(fā)主管路上,必不可少的一項技能。 一、原理我們平時...
    畢竟1米八閱讀 14,064評論 0 4
  • 大體搭建步驟轉(zhuǎn)自: npm私有倉庫搭建 而大部分截圖來自親測操作過程 一、首先需要安裝node環(huán)境 1、下載,ht...
    前端菜籃子閱讀 10,916評論 0 5
  • 注意:安裝vue之前需要先安裝node.js Vue項目初始化,如果已經(jīng)安裝了vue-cli,從第二步開始才做 1...
    _碼奴閱讀 597評論 0 0
  • 安裝依賴 npm install 查看鏡像 npm get registry 切換淘寶鏡像 npm config ...
    小溪流jun閱讀 377評論 0 0
  • npm 允許用戶從NPM服務(wù)器下載別人編寫的第三方包到本地使用。 允許用戶從NPM服務(wù)器下載并安裝別人編寫的命令行...
    Upcccz閱讀 125,632評論 0 42

友情鏈接更多精彩內(nèi)容