iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 12
1
Modern Web

前端工程師-從新手都中手系列 第 12

DAY12-用Verdaccio自己建一個私有的NPM

  • 分享至 

  • xImage
  •  

NPM (Node Package Manager)是Javascript的套件管理平台,任何人都可以將自己製作的套件發布在NPM上面讓任何人去下載使用。

但是很多企業開發的套件只供內部使用,並沒有開源開放使用。因此我們必須自己架設一個私有的NPM,去存放僅供內部使用的套件。

Verdaccio

安裝Verdaccio

npm install --global verdaccio

啟動Verdaccio

verdaccio

https://ithelp.ithome.com.tw/upload/images/20200927/20120107YjiWjJyQtO.png

輸入完就會看到Verdaccio

打開Verdaccio

輸入網址打開Verdaccio

http://localhost:4873/

https://ithelp.ithome.com.tw/upload/images/20200927/20120107vzCkj2asCR.png

這樣就完成私有的NPM架設了!

設定管理員帳號

npm adduser --registry  http://localhost:4873

接下來會詢問你要設定什麼帳號、密碼、信箱,設定完之後,就可以用這組帳號登入囉

製作第一個套件

接下來來測試發布一個簡單的套件到自己的NPM上

  1. 建立一個套件名為 test-package
npm init

接下來npm會詢問一些套件的基本資訊,輸入完之後的結果如下

{
  "name": "test-package",
  "version": "1.0.0",
  "description": "test for private npm",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "jason",
  "license": "ISC"
}

第一個套件製做完畢

發布第一個套件

接下來將剛剛製做的 test-package 發布到自己的npm上

npm publish --registry http://localhost:4873

https://ithelp.ithome.com.tw/upload/images/20200927/20120107KyXJUawFV8.png

發布成功後,重新整理一下網頁看看結果

https://ithelp.ithome.com.tw/upload/images/20200927/20120107f7FbSzTXxP.png

點進去就可以看到套件的詳細資訊和使用資訊

https://ithelp.ithome.com.tw/upload/images/20200927/20120107Xjbma47xcL.png

搬移NPM套件

因為這個是新架起來的,可能需要從別的地方搬移舊的套件過來。

在這裡推薦一個套件 npm copy 可以搬移NPM套件到自己的NPM上。

以下有兩種版本

兩種版本的差異在於,原版只能從公有的NPM搬移到私有的NPM,但是因為筆者想從私有的NPM搬移到另一個私有的NPM,所以小小的修改了一下讓它支援私有NPM之間的搬移。

推廣一下中文版

https://ithelp.ithome.com.tw/upload/images/20200927/20120107gSHM1VExow.png

Verdaccio內建多國語言,包含台灣人用的正體中文。這個版本是筆者使用後覺得非常好用,發現有多國語言版本,但是沒有正體中文的版本。所以自己翻譯請他們的開發團隊合併回去的。全部都是一字一句自己翻譯的,推薦大家使用


上一篇
DAY11-git cherry-pick和revert
下一篇
DAY13-前端測試API的利器-postman
系列文
前端工程師-從新手都中手30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言