如何调试 VSTS 扩展构建摘要选项卡而不部署到 VSTS 服务？

Question

我需要为 VSTS 构建摘要选项卡开发一个相当复杂的 UI。我使用 VS Code 作为代码编辑器。以下网址描述了如何使用 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 将拒绝显示您的扩展程序的内容。

然后，发布您的扩展并在本地运行它。哇啦，你应该有本地发展。可能需要更多的试验和错误，如果有任何我遗漏的步骤，请告诉我。

如果链接仍然有效（您知道 Interent 是如何的），那么这个入门项目是一个很好的开始：https://github.com/Microsoft/vsts-extension-multivalue-control

Answer 2

不可以，如果不将扩展部署到 VSTS，则无法调试扩展代码，在调试代码之前必须将扩展部署到 VSTS。

Answer 3

初始部署后，您可以使用 Fiddler 直接从磁盘返回文件使用 FiddlerScript 或 AutoResponder 功能。