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