Visual Studio Code调试客户端JavaScript

时间:2015-10-29 06:11:30

标签: node.js debugging browser visual-studio-code

我正在使用Visual Studio Code进行javascript项目。您可以设置断点并逐步调试并调试在nodejs中运行的代码。有没有办法允许断点和调试客户端,浏览器运行代码?

通过console.log进行调试变得非常快。

4 个答案:

答案 0 :(得分:9)

要在Chrome中进行调试,可以使用Visual Studio Code: Debugger for Chrome extension。您可以在市场中找到此扩展程序,search用于调试程序,如debugging manual中所述。不幸的是,(目前)不支持其他浏览器,

调试node.js开箱即用,请参阅上面的调试手册或John Papa的blog post

至少在我看来,调试客户端和服务器(正如Phil所评论的)是不可能的,因为你需要有两种不同的启动配置,抱歉。

答案 1 :(得分:3)

您应该使用所有现代浏览所拥有的开发者工具(F12)。 我更喜欢使用chrome,因为workspaces可以在浏览器中内联编辑代码。

答案 2 :(得分:0)

通过在chorme浏览器中打开项目并使用chrome DevTools。 您可以随意调试它。

步骤进行:

  • 打开您的项目(使用网址)。

  • 打开DevTools(F12)

  • 选择“元素”并选择元素

  • 您可以在右侧面板上看到“事件监听器”,选择您需要的内容

  • 然后,您可以右键单击该事件,选择“显示功能定义”

  • 尽情享受吧!

如果你的意思是调试Nodejs,我知道有一个名为“debuger”的npm包?

答案 3 :(得分:0)

另一种技术是使用Visual Studio Code:Debugger for Chrome扩展。保存node.js配置中node.js的内容并删除它。然后创建Chrome launch.json。结合这两者,您可以在代码中调试服务器或客户端(但不能同时调试两者)。

要调试客户端,服务器必须正在运行,因此从命令提示符处使用启动服务器的“node”命令。在代码中启动Chrome调试器并调试客户端。