測試和除錯

$ docker extension dev debug <name-of-your-extensions>

$ docker extension dev reset <name-of-your-extensions>

$ cd ui
$ npm run dev

這將啟動一個監聽埠 3000 的開發伺服器。

您現在可以告訴 Docker Desktop 使用它作為前端來源。 在另一個終端機中執行

$ docker extension dev ui-source <name-of-your-extensions> http://localhost:3000

關閉並重新開啟 Docker Desktop 儀表板，然後前往您的擴充功能。 對前端程式碼的所有變更都會立即顯示。

完成後，您可以將擴充功能設定重設為原始設定。 如果您使用 `docker extension dev debug <您的擴充功能名稱>`，這也會重設開啟 Chrome 開發人員工具

$ docker extension dev reset <name-of-your-extensions>

顯示擴充功能容器

如果您的擴充功能由在 Docker Desktop VM 中作為容器執行的單個或多個服務組成，您可以從 Docker Desktop 的儀表板輕鬆存取它們。

1. 在 Docker Desktop 中，瀏覽至**設定**。
2. 在**擴充功能**索引標籤下，選取**顯示 Docker Desktop 擴充功能系統容器**選項。 您現在可以檢視您的擴充功能容器及其記錄。

清理

若要移除擴充功能，請執行

$ docker extension rm <name-of-your-extension>

後續步驟

• 建置進階前端擴充功能。
• 深入瞭解擴充功能架構。
• 探索我們的設計原則。
• 查看我們的UI 樣式指導方針。
• 瞭解如何為您的擴充功能設定 CI。