测试和调试

目录

为了改进开发者体验，Docker Desktop 提供了一套工具来帮助你测试和调试扩展。

打开 Chrome DevTools

要在选择“扩展”选项卡时打开扩展的 Chrome DevTools，请运行

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

随后每次点击扩展选项卡也会打开 Chrome DevTools。要停止此行为，请运行

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

部署扩展后，也可以使用Konami Code 的变体，从 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> http://localhost:3000

关闭并重新打开 Docker Desktop 仪表板并转到你的扩展。前端代码的所有更改都会立即显示。

完成后，你可以将扩展配置重置为原始设置。如果你使用了 `docker extension dev debug `，这也会重置打开 Chrome DevTools 的操作。

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

显示扩展容器

如果你的扩展包含一个或多个作为 Docker Desktop 虚拟机中容器运行的服务，你可以轻松地从 Docker Desktop 中的仪表板访问它们。

  1. 在 Docker Desktop 中，导航到**设置**。
  2. 在**扩展**选项卡下，选择**显示 Docker Desktop 扩展系统容器**选项。你现在可以查看你的扩展容器及其日志。

清理

要删除扩展，请运行

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

下一步