phpstrom debug Отладка Javascript Typescript c запуском в браузере (без сервера) - Как настроить

Гугл выдает много инструкций, где предлагается выбрать сервер -- локальный или удаленный, но все это нужно для серверных скриптов, для отладки же браузере достаточно запустить сам браузер в режиме поддержки отладки, который и выполняет JS, а значит может передать отладочную информацию в IDE (в данном случае PhpStorm).

Настраиваем новый тип отладки "Javascript debug"

Из главного меню идем:

Run
-> Edit Configurations 

В левой верхней части окна нажимаем + (Add new configuration), в списке выбираем опцию:
Javascript debug
Далее:

• Зададим конфигурации имя, в поле Name, напр. Web JS
• в поле URL прописываем адрес страницы, которую будем отлаживать
• Также можно поставить галку на чебокс "Ensure breakpoints are detected when loadin script"

Сохраним конфигурацию (кнопки Ok или Apply)

Запускаем отладку

Действуем так:

1. Выберем под главным меню (в панели, где кнопка "Плей" для запуска и кнопка-жук для отладки) в качестве режима отладки наш новый Web JS
2. Поставим нужные точки останова
3. Запустим отладку - нажав на кнопку-жука, илиCtrl+F5 b или из главного меню^
   Run -> Debug Web JS

- это должно привести к открытию отдельного окна браузера и остановке на точках ;)

Материалы:

• Официальная документация на ту же тему: https://www.jetbrains.com/help/phpstorm/...