如何在Visual Studio Code for html中显示console.log输出？

Question

当我使用括号时,有一个插件console.log在源代码面板下面的面板中显示输出,所以我不需要切换到chrome并按F12查看console.log输出.

但是如何在Visual Studio Code中做到这一点？

我使用Visual Studio代码的HTML发展不Node.js的.

Answer 1

您想要的 vscode 扩展是Live Preview。

这会在 vscode 本身内为您提供一个 HTML 预览窗格。要激活它：

1. 右键单击您的 HTML 文件，然后选择Live Preview: Show Preview。这就像一个迷你浏览器，它将显示您的 HTML。（红圈所示）

2. 要查找您的console.log()消息，请选择该OUTPUT选项卡，然后从下拉列表中选择Embedded Live Preview Console（以红色箭头显示）

3. 最后，点击预览窗格中的“刷新箭头”，您应该会看到输出console.log()。

Answer 2

debugger-for-chrome可以解决问题.检查此链接.它显示了如何做到这一点 https://code.visualstudio.com/Docs/editor/debugging