debugging - 运行和调试 yo gulp-angular 和 typescript

Question

我使用yo gulp-angular（https://github.com/Swiip/generator-gulp-angular）生成器来创建我的typescript/angular/gulp项目。在此处的命令借阅代码中一切正常，我可以轻松运行项目。但是，在 web Storm 10.0.4 中运行和调试 typecipt 有一些问题

我正在尝试gulp serve在调试模式下运行（在运行模式下它启动良好）并收到消息Debugger listening on port 58032但没有任何反应。

是否有任何综合指南，如何使用 Web Storm 或其他 IDE调试和运行gulp基于 typescript 的 项目？enter code here这种设置的最佳 IDE 是什么？

谢谢

Answer 1

我对 Webstorm 不是很熟悉，但我使用 Swiip Gulp Angular Generator，默认情况下 browsersync 实例将在端口 3000（或下一个可用端口）上运行，所以我猜你是否将端口设置为相同的值让 Webstorm 调试工作

要更改 Gulp Serve 任务的端口，请转到 gulp/server.js

browserSync.instance = browserSync.init({
  startPath: '/',
  port: 58032,
  server: server,
  browser: browser
});

Answer 2

在调试模式下运行gulp serve意味着 WebStorm 将为您的任务启动 Node.js 调试会话。如果你想调试你的客户端代码，你需要为 URL 启动一个新的 JavaScript 调试会话：http://localhost:3000/。确保您已准备好所有源映射。