Как отладить приложение Angular за один клик с помощью WebStorm?

Question

Хорошо, так что я уже проверил:

• https://blog.jetbrains.com/webstorm/2017/01/debugging-angular-apps/
• Как отладить приложение в Angular2 с помощью angular-cli?
• https://manuel -rauber.com / 2016/09/30 /, как в отладке-угловой-2-с-WebStorm /

Решение, описанное в блоге Jetbrains, работает, но есть одна вещь, которая действительно беспокоит меня:

Запустите npm start, чтобы приложение работало в режиме разработки. Вы можете сделать это либо в терминале, либо дважды щелкнув по задаче в Окно инструмента npm в WebStorm.

Очевидно, я пытался поместить npm start / ng serve перед фактической отладкой, но, как вы знаете, это фактически блокирует фазу отладки:

Кажется невозможным запускать и останавливать все одновременно без необходимости запускать их вручную отдельно.

Есть ли обходной путь / решение?

Answer 1

Добавление одного NPM конфигурации запуска к Перед запуском раздел не будет работать, так как основной процесс будет ожидать код возврата от процесса, запущенного в Перед запуском (и не запустится, пока не прекратится). Это способ «до запуска» - он должен использоваться для какой-то предварительной обработки перед запуском основного процесса. Если вам нужно отладить оба процесса параллельно, вы можете попробовать пользовательский Multirun плагин :

Обновление: начиная с 2018.1, вы также можете использовать Соединение Выполнить конфигурацию для этого. единственный недостаток (по сравнению с Multirun) заключается в том, что невозможно указать порядок выполнения и задержки, поэтому обе конфигурации будут работать одновременно, и у вас будет обновление браузера после завершения сборки веб-пакета