微软Edge Dev Tools现在可用于Visual Studio Code

这些工具存在的原因是，虽然将工具内置在浏览器中，但可以轻松直观地实时查看更改，但如果程序员也在VS Code中工作，它也迫使程序员在两个不同的环境之间切换。这样，开发人员可以选择自己喜欢的组织方式。

微软最初在名为Visual Studio Code：The Elements的实验性扩展下发布了这些工具，后来又发布了另一个扩展Network，该扩展将Edge的DevTools中的Network窗格添加到VS Code体验中。在今天的版本中，两个扩展现在合并为一个，并且可以在扩展设置中启用网络”选项卡。

自预览版发布以来，另一个显着的改进是用户可以选择以两种方式打开浏览器窗口(出于调试目的)-完全浏览器模式和无头模式。完整的浏览器模式将打开一个外观正常的Edge窗口，您还可以选择是要连接到浏览器的现有实例还是打开一个新实例。无头模式在Visual Studio代码窗口中打开页面预览，因此它不会在任务栏上创建新图标或注册为新的任务管理器窗口。

如果您有兴趣，可以从Visual Studio Marketplace下载新的扩展。您还可以在GitHub上为扩展程序做出贡献，微软表示已改进了体系结构，因此扩展程序的构建速度更快，并且更易于贡献。