Aller au contenu principal

Débogage Angular

Créer une nouvelle configuration​

  • On clique sur le bouton de débogage à la gauche
  • Et on ajoute une configuration
image
  • Il faut choisir Chrome: Launch (Ou un autre navigateur)
image
  • Assurez-vous d'avoir le bon port
{
    "name": "Launch Chrome",
    "request": "launch",
    "type": "chrome",
    "url": "http://localhost:4200",
    "webRoot": "${workspaceFolder}"
}
  • On peut alors sélectionner notre configuration
  • Et démarrer le navigateur pour déboger
image
  • Si on a mis un breakpoint, l'exécution va se bloquer et on pourra inspecter notre code
image