【发布时间】：2018-11-03 16:49:35
【问题描述】：
主要目标是我希望在 VSCode 侧面预览中看到动态 Web 控制台，就像这张图片中的 Chrome 控制台 (VSCode with separate Crome console) 并且它将动态更新。 现在我正在这样做：
- 创建 index.html 文件并包含在内 src="laikinas.js">
- 使用实时服务器打开 index.html
扩展，它打开了新的 Chrome 浏览器窗口。 - 按 F12，选项卡“控制台”
- 调整了 VSCode 和 Chrome 浏览器的大小。
如您所见，这很长，如果我用另一个名称创建新文件，我还需要将它包含在 index.html 中。我的另一种方式是：
- 打开 VSCode 调试控制台
- 按 Cntr+F5
但是我不喜欢这个控制台。其中之一是 Chrome 控制台通过指向准确点的链接更好地显示错误。
我也试过像"Quick HTML Previewer" 这样的扩展来查看动态变化，但是这个扩展只能显示前端，我需要一个控制台。
【问题讨论】：
-
这不是VScode的解决方案，但尝试使用codesandbox.io
标签： javascript visual-studio-code console