Debugging 跑,;调试yo-gulp angular&;打字稿

Debugging 跑,;调试yo-gulp angular&;打字稿,debugging,gulp,webstorm,typescript1.4,Debugging,Gulp,Webstorm,Typescript1.4,我使用了yo-gulp-angular()生成器来创建我的typescript/angular/gulp项目。在命令lenter代码中一切都很好,我可以轻松地运行项目。但是,在web storm 10.0.4中运行和调试typescipt时存在一些问题 我试图在调试模式下运行gulp-serve(在运行模式下启动良好),并在端口58032上获得消息Debugger,但什么也没有发生 有没有关于如何调试和运行基于gulp的typescript的全面指南 在此处输入代码使用web storm或其他I

我使用了
yo-gulp-angular
()生成器来创建我的
typescript/angular/gulp
项目。在命令lenter代码中一切都很好,我可以轻松地运行项目。但是,在web storm 10.0.4中运行和调试typescipt时存在一些问题

我试图在调试模式下运行
gulp-serve
(在运行模式下启动良好),并在端口58032上获得消息
Debugger,但什么也没有发生

有没有关于如何调试和运行基于
gulp
的typescript的全面指南
在此处输入代码
使用web storm或其他IDE的项目?这种设置的最佳IDE是什么


谢谢

我不太熟悉Webstorm,但我使用Swiip Gulp Angular Generator,默认情况下browsersync实例将在端口3000(或下一个可用端口)上运行,因此我猜如果您将端口设置为相同的值,您将使Webstorm调试工作正常

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

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

我不太熟悉Webstorm,但我使用Swiip Gulp Angular Generator,默认情况下browsersync实例将在端口3000(或下一个可用端口)上运行,因此我猜测,如果您将端口设置为相同的值,您将使Webstorm调试工作正常

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

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

在调试模式下运行
gulp-serve
,意味着WebStorm将为您的任务启动Node.js调试会话。如果要调试客户端代码,需要为URL启动新的JavaScript调试会话:。确保所有源代码映射都已就绪。

在调试模式下运行
gulp-serve
意味着WebStorm将为您的任务启动Node.js调试会话。如果要调试客户端代码,需要为URL启动新的JavaScript调试会话:。确保所有源映射都已准备就绪。

如何调试typescript以及您使用的IDE?我不是真的局限于web storm,我正在寻找一个具有复杂的自动完成和调试选项的ide。我主要是一个UI设计师/开发人员,不做很多复杂的JS编码,所以我真的不需要调试器,因此我只想要一些快速的东西,可以让我创建干净的代码,因此,我使用升华文本或最近的Atom。也就是说,我听说了Webstorm的好东西,所以如果我想看看一个使用调试器的浏览器,我会选择Webstorm。Chrome是一个很棒的调试工具。如果你有映射文件,你可以毫不费力地调试typescript。你如何调试typescript以及你使用的是什么IDE?我不是真的局限于web storm,我正在寻找一个具有复杂的自动完成和调试选项的ide。我主要是一个UI设计师/开发人员,不做很多复杂的JS编码,所以我真的不需要调试器,因此我只想要一些快速的东西,可以让我创建干净的代码,因此,我使用升华文本或最近的Atom。也就是说,我听说了Webstorm的好东西,所以如果我想看看一个使用调试器的浏览器,我会选择Webstorm。Chrome是一个很棒的调试工具。如果你有映射文件,你可以不费吹灰之力地调试typescript。
gulp-serve
任务只运行BrowserSync,但没有要将调试器附加到的节点进程。非常感谢您的帮助,因为我的想法已经不多了。顺便说一句,手动启动节点进程将不起作用(即
node--debug=5858 src/app/index.ts
或使用JS文件
node--debug=5858.tmp/service/app/index.JS
)顺便说一句,因为这是一个类似的问题,但面向不同的IDE(Visual Studio代码),我创建了一个单独的问题:。希望它能得到VSC开发人员的一些关注。我正试图让它与VisualStudio代码()一起工作,并且遇到了同样的问题。
gulp-serve
任务只运行BrowserSync,但没有要将调试器附加到的节点进程。非常感谢您的帮助,因为我的想法已经不多了。顺便说一句,手动启动节点进程将不起作用(即
node--debug=5858 src/app/index.ts
或使用JS文件
node--debug=5858.tmp/service/app/index.JS
)顺便说一句,因为这是一个类似的问题,但面向不同的IDE(Visual Studio代码),我创建了一个单独的问题:。希望它能得到VSC开发人员的一些关注