当gulp为应用程序提供服务时，如何在webstorm中调试Javascript

Question

在Webstorm中，我正在运行gulp serve任务，启动localhost：使用yo生成的9000 stub角项目。 我正在尝试调试JavaScript代码，这就是我尝试过的：

• 我运行gulp作为调试任务，我只能调试gulp文件行
• 我尝试在JavaScript之前运行gulp服务，它开始服务，Webstorm永远不会启动它的JavaScript调试会话
• 我尝试运行JavaScript调试，我的代码中没有断点。

这种情况下的工作流程是什么？

PS。我不想在chrome开发人员工具中调试代码，我希望我的断点能够在Webstorm中工作

Answer 1

在您的Javascript中 - 将debugger;放在两行之间，然后在Chrome中弹出Developer Tools。当您刷新页面时 - 如果您的脚本运行，它应该停在您放置debugger;的位置，并且您可以将鼠标悬停在不同的变量上以查看其值。非常强大和基本的工具。

此外，如果您不希望脚本停止 - 您可以console.log(variable);让Developer Tools控制台打印出变量。

示例：

var somethingOrOther = function(){
var blah = 'foo';
console.log(blah);// to print to console
debugger; // to stop script at this point and look around
};

在您完成后忘记删除debugger;。 我建议你使用jshint来确保你不会错过这些事情。