如何在＆gt;＆gt;一个＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;＆lt;点击WebStorm？

Question

好的，我已经检查过：

• https://blog.jetbrains.com/webstorm/2017/01/debugging-angular-apps/
• How to debug an application in Angular2 using angular-cli?
• https://manuel-rauber.com/2016/09/30/how-to-debug-angular-2-with-webstorm/

Jetbrains博客上描述的解决方案有效，但有一件事让我感到困扰：

  

运行npm start以使应用在开发模式下运行。您可以   在终端或双击任务中执行此操作   WebStorm中的npm工具窗口。

显然我试图在实际调试之前放置npm start / ng服务，但是您可能知道这实际上阻止了调试阶段：

似乎不可能同时运行和停止所有操作而无需单独手动启动它们。

任何变通方法/解决方案？

Answer 1

将 NPM 运行配置添加到启动之前部分将无效，因为主进程将等待在启动之前运行的进程的返回代码（并且在终止之前不会启动）。这就是“在发布之前”设计的方式 - 它应该用于在运行主进程之前运行某种预处理。如果您需要并行调试这两个进程，则可以尝试自定义Multirun plugin：

更新：自2018.1起，您还可以使用Compound运行配置。唯一的缺点（与Multirun相比）是不可能指定执行顺序和延迟，因此两个配置将同时运行，一旦webpack构建完成，您将刷新浏览器