在 Webstorm 中，我正在运行 gulp serve 任务来启动 localhost:9000 stub Angular 项目，该项目由 yo 生成。 我正在尝试调试 JavaScript 代码，这是我尝试过的:
- 我将 gulp 作为调试任务运行，我只能调试 gulp 文件行
- 我尝试在 JavaScript 之前运行 gulp serve，它开始服务，而 Webstorm 从未启动它的 JavaScript 调试 session
- 我尝试运行 JavaScript 调试，但我的代码中没有出现断点。
这种情况下的工作流程是什么？
附言。我不想在 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
};
不要忘记在完成后删除调试器；。
我建议在你的 gulp 中使用 jshint 以确保你不会错过这些东西。
关于javascript - 当 gulp 为应用程序提供服务时，如何在 webstorm 中调试 Javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34313401/