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

How to debug Javascript in webstorm when gulp is serving the application

本文关键字：webstorm Javascript 调试 gulp 应用程序 服务      更新时间：2023-09-26

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

  • 我将gulp作为调试任务运行，我只能调试gulp文件行
  • 我试着在JavaScript之前运行gulp-server，它开始服务，Webstorm从未启动过JavaScript调试会话
  • 我试着运行JavaScript调试，我的代码中没有断点

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

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

在Javascript中，将debugger;放在两行之间，然后在Chrome中弹出Developer Tools。当您刷新页面时，如果脚本运行，它应该停止在您放置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，以确保你不会错过这些东西。

相关文章：