0

我正在学习 javascriptvscode并使用liveServer扩展来让我的 html 和 js 在 chrome 上运行……我在“inspect element->console”中看到我的 js 输出,效果很好……现在我已经看到 chrome 开发人员工具集成在vscode,您可以从帮助中在 vscode 中打开它们,然后选择开发人员工具.....但问题是我没有在那里得到我的 js 输出......如何做到这一点......我正在从 youtube 上的教程中学习—— “ https://www.youtube.com/watch?v=W6NZfCO5SIk ” 他正在做我想要的时间戳 16:11(可变部分)的确切事情。

我尝试更改 liveserver 的端口并将默认浏览器设置为 null 最终打开边缘浏览器。

当我使用实时服务器扩展时,这一切都会发生。

我希望我的 js 输出,console但我得到这个:

[Extension Host] [32mServing "c:\VCodeCpp\" at http://127.0.0.1:5500[39m
workbench.main.js:238 [Extension Host] [36mReady for changes[39m-------

当更改 js 文件中的某些内容时,它会说

[Extension Host] [36mChange detected[39m c:\VCodeCpp\index.js----------

虽然输出chrome非常好

4

2 回答 2

0

听起来您在使用实时服务器扩展时走在了正确的轨道上,从我在您链接的视频中可以看出,您所指的是 Chrome 视觉工作室代码扩展的调试器。

这可以在搜索“ debugger for chrome ”后在扩展面板的 Visual Studio 代码中下载

通过该链接或直接在 VS Code 中下载如果您将其与 Web 服务器一起使用,您只需首先将调试器链接到服务器所在的端口,您应该会在 chrome-tools 中看到输出。

按照本指南 在 VS Code 中开始使用 Chrome 工具

我希望这会有所帮助,因为我仍然是回答 SO 的新手,但这看起来我可以做出可靠的尝试。

于 2019-06-09T13:51:18.280 回答
0

除了启用“debugger for chrome”扩展之外,请在 VS Code 的“DEBUG CONSOLE”选项卡中检查 Javascript console.log () 输出,而不是在通常的“TERMINAL”选项卡中。您可能必须按 F5 才能显示输出。

这种方法“排序”对我有用——但它并不完全可靠:我没有得到我期望的所有输出。不过,我认为这是“应该”工作的方式。

于 2021-05-22T02:02:11.787 回答