Отладка в WebStorm и npm

Question

Я новичок в веб-разработке (обычно я разработчик бэкэнд).

Я пытаюсь настроить среду разработки, чтобы отразить текущий рабочий процесс. Я разрабатываю Java в IntelliJ Ultimate, и мне нравится, как я могу пройти и отлаживать.

Текущая команда разработчиков интерфейсов запускает npm, а затем использует окно инструмента разработчика Chrome для отладки.

Есть ли способ подключить WebStorm к этому процессу, чтобы я мог установить точку останова в WebStorm вместо использования окна инструмента разработчика Chrome?

Я установил расширение JetBrains в Chrome, и я не могу найти, как это сделать на своем сайте.

Опять же, пожалуйста, извините мое невежество, поскольку я очень новичок в развитии интерфейса. но если я смогу получить эту функциональность, это будет фантастично.

Любая помощь или руководство будут очень оценены.

Answer 1

Вы должны хром расширение, которое уже установленные здесь ссылка также ExtensionJetBrains IDE Support

После установки знает включить точку останова здесь способ сделать все шаг, который вы можете увидеть сочетание клавиш слишком

после того, как вы включили точку останова, затем просто нажмите рядом с номером строки, чтобы установить точку останова еще один вариант перейти к настройке File-> и включить точку останова

при запуске кода с открытым инспектировать, а затем вы увидите эту магию: D :)

Answer 2

Создание JavaScript отладки конфигурации запуска в соответствии с инструкциями по https://confluence.jetbrains.com/display/WI/Starting+a+JavaScript+debug+session#StartingaJavaScriptdebugsession-Startingadebugsessionwhenusingadifferentwebserver, добавить точки останова, запустите свой сервер через npm, затем выберите конфигурацию выше и нажмите Debug. Смотрите также эти видео:

• Быстрый старт: https://www.youtube.com/watch?v=a-IsnxZpRrQ
• Breakpoints, отступая, часы: https://www.youtube.com/watch?v=CdXoeVRN1JU