如何使用调试器运行 Angular 应用程序的服务器端?我有应用程序,它使用ng serve
命令运行,我在 Windows 上使用 WebStorm。
我设置并start
在调试模式下package.json
运行ng serve
命令。start
但我的印象是调试器不会在断点处暂停。
我是否以正确的方式做到了?
如何使用调试器运行 Angular 应用程序的服务器端?我有应用程序,它使用ng serve
命令运行,我在 Windows 上使用 WebStorm。
我设置并start
在调试模式下package.json
运行ng serve
命令。start
但我的印象是调试器不会在断点处暂停。
我是否以正确的方式做到了?
您不需要start
在调试模式下运行,除非您需要调试 Angular cli。要调试您的应用程序,您必须使用http://localhost:4200 URL创建一个JavaScript Debug运行配置,运行您的应用程序,然后调试配置。见https://blog.jetbrains.com/webstorm/2017/01/debugging-angular-apps/ start
我认为您需要扩展您的 Webstorm 配置,以便能够在 Webstorm 中调试您的 Angular 应用程序(参见此处)。
否则,您可以使用浏览器的 DevTools 调试应用程序。我的经验表明,这具有更好的性能。
如果您尝试调试 typescript 代码,最简单的方法是在浏览器中打开源选项卡。这可能因浏览器而异,但这就是 Chrome 的工作方式。
从这里,进入源选项卡并导航到您正在处理的特定文件。在左侧设置断点,重新启动页面,它应该在您设置的断点处中断。我不确定它会如何与 Webstorm 发生反应,但它可能会在浏览器和 IDE 中进行调试(这可能会有点烦人)。