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

Question

在Webstorm中,我正在运行gulp serve任务,启动localhost:9000存根角项目用yo生成.我正在尝试调试JavaScript代码,这是我尝试过的:

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

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

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

Answer 1

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

另外，如果您不想让脚本停止 - 您可以console.log(variable);让开发人员工具控制台打印出变量。

例子：

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在你的 gulp 中使用，以确保你不会错过这些事情。