VScode 如何在开发人员工具中的控制台上获取 JS 的输出
How to get output of JS on console in developers tools in VScode
我正在 vscode 中学习 javascript 并使用 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 中的输出非常好
听起来你在实时服务器扩展方面走在了正确的轨道上，从我在视频中可以看出你link你指的是 Chrome [的调试器] =23=] 代码扩展.
搜索后可以在扩展面板的 visual studio 代码内下载
“debugger for chrome”
通过 link 下载或直接在 VS Code 中下载
如果您将它与 Web 服务器一起使用，您只需要先将调试器 link 连接到服务器所在的端口，您应该会在 chrome-tools.
中看到输出
遵循本指南
Getting started with Chrome Tools 在 VS 代码中
我希望这会有所帮助，因为我对 SO 的回答还很陌生，但这看起来像是我可以做出坚实尝试的事情。
除了启用“chrome 调试器”扩展之外，请检查 VS 代码“DEBUG CONSOLE”选项卡中的 Javascript console.log () 输出，而不是在通常的“终端”选项卡中。您可能需要按 F5 才能显示输出。
这种“sorta”方法对我有用 -- 但它并不完全可靠：我没有得到预期的所有输出。不过，我认为它“应该”是这样工作的。
我正在 vscode 中学习 javascript 并使用 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 中的输出非常好
听起来你在实时服务器扩展方面走在了正确的轨道上，从我在视频中可以看出你link你指的是 Chrome [的调试器] =23=] 代码扩展.
搜索后可以在扩展面板的 visual studio 代码内下载 “debugger for chrome”
通过 link 下载或直接在 VS Code 中下载 如果您将它与 Web 服务器一起使用，您只需要先将调试器 link 连接到服务器所在的端口，您应该会在 chrome-tools.
中看到输出遵循本指南 Getting started with Chrome Tools 在 VS 代码中
我希望这会有所帮助，因为我对 SO 的回答还很陌生，但这看起来像是我可以做出坚实尝试的事情。
除了启用“chrome 调试器”扩展之外，请检查 VS 代码“DEBUG CONSOLE”选项卡中的 Javascript console.log () 输出，而不是在通常的“终端”选项卡中。您可能需要按 F5 才能显示输出。
这种“sorta”方法对我有用 -- 但它并不完全可靠：我没有得到预期的所有输出。不过，我认为它“应该”是这样工作的。