有没有办法在 VS Code 中构建可视化插件

Question

我想构建一个插件，在其中放置一个图表或树组件，供人们拖放和使用/构建自己的流程。这可以在 VS Code 中构建吗？有没有关于如何做到这一点的示例或文件？

Answer 1

是的，这是可能的。您可以使用 WebView 实例来显示图形输出（用 HTML 编写）。在我的 vscode 扩展 (https://github.com/mike-lischke/vscode-antlr4) 中，我使用 D3.js 显示了一个可视化解析树：

在图形中，您可以折叠节点、放大/缩小、用鼠标移动视口等等。