Jak debugować Angular 2 z Visual Studio 2017

Question

Teraz używam Webstorm do kodowania i debugowania Angular, ale nie podoba mi się to IDE. Czy istnieje sposób debugowania kątowego przy użyciu VS 2017?

Answer 1

Chociaż jestem fanem Visual Studio Proponuję spróbować Kod Visual Studio (lub podobny jak wzniosłe lub atomu) dla front-end. To IDE jest świetne ze względu na jego rozszerzalność i oferuje lepszą kontrolę nad terminalem. Łatwo też zarządzać swoimi zadaniami Gulpa.

• Chrome debugger przedłużenie umożliwia debugowanie JS wewnątrz edytora. Sprawdź ten temat pod kątem how to debug angular2 typescript na VSCode.

W VSCode możliwe jest konfiguracji wizualnej tematu i ikony, które całkiem sama, jak w Visual Studio

Answer 2

można debugować kątowe wewnątrz VS2017. Z wyjątkiem problemów, które jeszcze nie zostały rozwiązane. Jednym z nich jest to, że obecnie musisz ustawić punkty przerwania po rozpoczęciu debugowania. (Mam VS Pro v15.4.1) Aby zobaczyć przykład debugowania wykonaj następujące czynności:

1. Tworzenie projektu jako aplikacji Web Asp.Net podstawowej i wybierz „kątowa” szablonu projektu.

2. Kliknij strzałkę w dół obok "IIS Express" i ustaw przeglądarkę w Google Chrome.

3. Rozpocznij debugowanie. Chrome wyświetli komunikat o włączeniu debugowania skryptów. W końcu Twoja aplikacja wyprze tę wiadomość.

4. Ustaw punkt przerwania na "this.currentCount ++;" w counter.component.ts.

5. Przejdź do ekranu Licznik i kliknij "Przyrost". Twój punkt przełomowy zostanie trafiony.

Upewnij się, że nie masz jednocześnie uruchomionych jednocześnie narzędzi dla programistów Chrome (narzędzia F12).