javascript - gulp为应用程序提供服务时，如何在Webstorm中调试Javascript

在Webstorm中，我正在运行gulp serve任务，该任务将启动yo生成的localhost:9000存根有角项目。
我正在尝试调试JavaScript代码，这就是我尝试过的方法:

我将gulp作为调试任务运行，我只能调试gulp文件行

我尝试在JavaScript之前运行gulp服务，它开始提供服务，并且Webstorm永远不会启动其JavaScript调试 session

我尝试运行JavaScript调试，但是我的代码内部没有断点。

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

PS。我不是要在chrome开发人员工具中调试代码，而是要让断点在Webstorm中工作

最佳答案

在您的Javascript中-将debugger;放在您的两行之间，然后在Chrome中 pop 您的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，以确保您不会错过这些事情。