測試和除錯

目錄

為了改善開發人員體驗，Docker Desktop 提供了一組工具來幫助您測試和除錯擴充套件。

開啟 Chrome DevTools

要開啟擴充套件的 Chrome DevTools，在您選擇 **擴充套件** 選項卡時，請執行

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

每次後續點選擴充套件選項卡都會開啟 Chrome DevTools。要停止此行為，請執行

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

擴充套件部署後，也可以使用 科奈米密碼 的變體從 UI 擴充套件部分開啟 Chrome DevTools。選擇 **擴充套件** 選項卡，然後按 上，上，下，下，左，右，左，右，p，d，t 鍵序列。

開發 UI 時的熱過載

在 UI 開發期間，使用熱過載來測試更改而無需重新構建整個擴充套件非常有用。為此，您可以配置 Docker Desktop 從開發伺服器載入 UI，例如使用 Vite 在使用 npm start 呼叫時啟動。

假設您的應用程式執行在預設埠上，請啟動您的 UI 應用程式，然後執行

$ cd ui
$ npm run dev

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

您現在可以告訴 Docker Desktop 將其用作前端源。在另一個終端中執行

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

關閉並重新開啟 Docker Desktop 儀表板，然後轉到您的擴充套件。對前端程式碼的所有更改都會立即顯示。

完成後，您可以將擴充套件配置重置為原始設定。如果您使用了 docker extension dev debug <name-of-your-extensions>，這也會重置開啟 Chrome DevTools。

$ 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>

下一步