我正在vscode中学习javascript，并使用liveServer扩展名来在chrome上运行我的html和js ...并且我在“ inspect element-> console”中看到了我的js输出，该输出非常完美很好...现在我已经看到chrome开发人员工具集成在vscode中，您可以从帮助中的vscode中打开它们，然后选择开发人员工具.....但是我无法将js输出在那里...该怎么做.... i我正在从youtube上的教程中学习-“ https://www.youtube.com/watch?v=W6NZfCO5SIk”，而他正在做我想要的时间戳16:11（可变部分）中的确切内容。
我尝试更改liveserver的端口并将默认浏览器设置为null，这最终会打开边缘浏览器。
当我使用实时服务器扩展时，所有这些都会发生。
我希望我在该console上的js输出，但是我得到了：
[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中的输出非常好
答案 0 :(得分：0)
听起来像您在使用实时服务器扩展的正确轨道上，从我在视频中可以看出，您所链接的是Debugger for Chrome Visual Studio代码扩展。 搜索后，可以在扩展面板的Visual Studio代码中下载该文件
[“ Chrome调试器”]（https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome“在VS代码中下载或通过此链接到达Microsoft下载页面”） 如果您将其与Web服务器一起使用，则只需首先将调试器链接到服务器所在的端口，您就会在chrometools中看到输出。
您可以点击此链接以获取有关如何操作的指南 Getting started with Chrome Tools 我希望这会有所帮助，因为我仍然是SO方面的新手，但我可以做一些扎实的尝试。
答案 1 :(得分：0)
除了启用“debugger for chrome”扩展外，请检查 VS Code“DEBUG CONSOLE”选项卡中的 Javascript console.log() 输出，而不是通常的“TERMINAL”选项卡。您可能需要按 F5 才能显示输出。
这种“排序”方法对我有用——但它并不完全可靠：我没有得到我期望的所有输出。不过，我认为这就是“应该”工作的方式。