У меня есть приложение angular, и я хотел бы отладить его: точки останова, значения переменных для просмотра и т. Д.

Приложение находится в angular 5, я использую среду выполнения node 9 с nvm, и оно было создано с помощью Angular-CLI, поэтому давайте Начало.

Я использую Web Storm 2017.3

J Плагин etBrain IDE для Chrome

IDE Web Storm

Сначала на веб-терминале

$ node use -v 9
$ npm start
> [email protected] start 
/Users/pabloinchausti/Desktop/DevOps/code/github/PabloEzequiel/UELA-2.0/apex-uela/apex-uela-v2.0
> ng serve --port 4600 -aot

Приложение прослушивает localhost: 4600 (я изменил его в package.json, обычно это 4200)

Добавьте «Отладка Javascript» в конфигурацию запуска

В URL вставляем http: // localhost: 4600

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

Это было все, что мне было нужно, так что я остановлю публикацию здесь.

использованная литература