tfs - 如何在不部署到 VSTS 服务的情况下调试 VSTS 扩展构建摘要选项卡？

Question

我需要为 VSTS 构建摘要选项卡开发一个相当复杂的 UI。我使用 VS Code 作为代码编辑器。以下 url 描述了如何使用 Edge 浏览器进行调试，但是这种方法需要不断地打包和部署扩展到 VSTS，因此非常耗时。
https://www.visualstudio.com/en-us/docs/integrate/extensions/test/debug-in-browser

我尝试使用在浏览器中查看扩展和浏览器控制台中显示的以下消息直接加载 .html(摘要选项卡)，

No handler found on any channel for message: 
{"id":1,"methodName":"initialHandshake","instanceId":"VSS.HostControl","params":[{"notifyLoadSucceeded":true,"vssSDKVersion":2}],"jsonrpc":"2.0","handshakeToken":"4234q23rqfafaf23r"}

在开发时有没有更好的调试应用程序的方法？

Answer 1

您可以在本地开发。由于 VSTS 使用 iframe要显示扩展程序的内容，您可以运行本地服务器并在 vss-extension.json 中引用它。显现。

一、在vss-extension.json ，设置 baseUri您在本地运行项目的位置的属性，例如 https://localhost:8889 .您需要以 https 的身份运行它让 VSTS 提供内容，否则您将收到“混合内容”错误，并且 VSTS 将拒绝显示您的扩展程序的内容。

然后，发布您的扩展并在本地运行它。 Wha-la，你应该有本地发展。可能需要更多的反复试验，如果我遗漏了任何步骤，请告诉我。

如果链接仍然有效(你知道 Interent 是怎样的)，这个入门项目是一个很好的开始:https://github.com/Microsoft/vsts-extension-multivalue-control