主要目标是我希望在 VSCode 侧面预览中看到动态 Web 控制台，就像这张图片中的 Chrome 控制台（带有单独的 Crome 控制台的 VSCode ），并且它将动态更新。 现在我就是这样做的：
如您所见，这是很长的路要走，如果我用另一个名称创建新文件，我还需要将其包含在index.html中。我的另一个方法是：
但是我不喜欢这个控制台。其中之一是 Chrome 控制台可以更好地显示错误，并提供指向准确点的链接。
我也尝试过像这样的扩展“快速 HTML 预览器”来查看动态变化，但是这个扩展只能显示前端，我需要一个 控制台。
我认为最接近的是使用 npm nodemon 来查看本地目录上的文件。然后，当您在 VS 中保存时，您可以在浏览器中刷新页面以查看所做的更改。由于额外的点击次数，它不像 Chrome 那样好。
我记得我看到这个问题太早了，但我也不知道如何在vscode中打开控制台， 但现在，我明白了：
首先，你可以查看这个文档：https://code.visualstudio.com/api/extension-guides/webview
其次：
ctrl + p + > Developer: open web view developer tool