切换语言

测试和调试

目录

为了提升开发者体验，Docker Desktop 提供了一组工具来帮助您测试和调试扩展。

打开 Chrome DevTools

为了在选择 Extensions 选项卡时打开扩展的 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。选择 扩展 选项卡，然后点击键序列 。up, up, down, down, left, right, left, right, 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 仪表板，然后转到您的扩展。对前端代码的所有更改都会立即可见。

完成后，您可以将扩展配置重置为原始设置。如果您使用了 Chrome DevTools，这也将重置打开：docker extension dev debug <name-of-your-extensions>

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

显示扩展容器

如果您的扩展由一个或多个服务组成，这些服务在 Docker Desktop VM 中作为容器运行，则可以从 Docker Desktop 中的仪表板轻松访问它们。

  1. 在 Docker Desktop 中，导航到 “设置”。
  2. 在 Extensions 选项卡下，选择 Show Docker Desktop Extensions system containers 选项。您现在可以查看扩展容器及其日志。

收拾

要删除扩展，请运行：

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

下一步