使用來自 npmjs.com 的套件

Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019

npm 客戶端的設計目的是一次使用一個主要登錄(稱為 Azure Artifacts 中的摘要)。 不過,它確實支援其他範圍登錄。 如果您打算使用來自 npmjs.com 的私人套件和公用套件,建議您使用上游來源。 在摘要中啟用上游來源之後,Azure Artifacts 會自動將任何已安裝套件的複本儲存至您的摘要。 這提供最大的彈性,可讓您在摘要中使用範圍和非範圍套件的混合,包括來自 npmjs.com 的範圍和非範圍套件。

必要條件

啟用上游來源

如果您尚未建立摘要,請遵循下列步驟來建立新的摘要,並確定核取上游來源複選框以啟用它們。 如果您已經有摘要,請繼續進行 下一個步驟 ,將 npmjs 新增為上游來源。

  1. 登入您的 Azure DevOps 組織,然後瀏覽至您的專案。

  2. 選取 [ 成品],然後選取 [ 建立摘要]。

  3. 為您的摘要提供描述性 名稱 ,並設定其 VisibilityScope。 核取 [ 上游來源] 複選框,以包含來自公用登錄的套件。

  4. 完成後,選取 [建立]

新增 npmjs 上游

如果您在建立摘要期間核取了上游來源複選框,則應該會自動新增 npmjs。 如果沒有,您可以手動新增它,如下所示:

  1. 登入您的 Azure DevOps 組織,然後瀏覽至您的專案。

  2. 選取 [ 成品],然後選取您的摘要。

  3. 選取齒輪圖示按鈕 齒輪圖示 以流覽至 [摘要設定]。

  4. 選取 [上游來源],然後選取 [ 新增上游]。

  5. 選取 [公用來源],然後從下拉功能表中選取 npmjs (https://registry.npmjs.org/)。

  6. 完成 時選取 [儲存 ],然後選取右上角的 [ 儲存 ] 以儲存變更。

從 npmjs 安裝套件

從 npmjs 儲存套件之前,請確定您的專案已設定為連線到您的摘要。 如果您尚未這麼做,請遵循項目設定中的指示來設定 npm 項目並連線到您的摘要。 在此範例中,我們將安裝 Axios 連結庫以提出 HTTP 要求:

  1. 流覽至 位於 https://www.npmjs.com//的 npmjs。

  2. 搜尋 Axios 套件,然後選取它以流覽至詳細數據頁面。

  3. 將 install 命令複製到剪貼簿。

  4. 在命令提示字元視窗中,流覽至專案的目錄,然後執行安裝命令。

    npm install axios
    

注意

若要從上游儲存套件,您必須具有 摘要和上游讀取者(共同作業者) 角色或更高版本。 如需詳細資訊,請參閱 權限

檢視已儲存的套件

  1. 登入您的 Azure DevOps 組織,然後瀏覽至您的專案。

  2. 選取 [ 成品],然後從下拉功能表中選取您的摘要。

  3. 從來源功能表中選取 npmjs我們稍早安裝的 Axios 套件現在可在我們的摘要中使用。 執行安裝命令時,Azure Artifacts 會自動將複本儲存至我們的摘要。

    顯示從上游儲存的 axios 套件螢幕快照。