|
L'utilisation de points d'arrêt dans Visual Studio Code (VS Code) vous permet de suspendre l'exécution de votre code sur des lignes spécifiques et d'examiner son état. Il s'agit d'une technique de débogage puissante qui vous aide à identifier et à corriger les bogues dans votre code. Voici comment utiliser les points d'arrêt dans VS Code :
1. Ouvrez le fichier JavaScript que vous souhaitez déboguer :
Ouvrez le fichier JavaScript dans VS Code dans lequel vous souhaitez définir un point d'arrêt.
2. Cliquez sur l'icône "Débogage" :
Cliquez sur l'icône "Debug" dans le panneau de gauche de VS Code. Cela ressemble à un bouton de lecture. Cela ouvrira le panneau de débogage.
3. Activer le débogage JavaScript :
Assurez-vous que « JavaScript » est sélectionné comme environnement de débogage dans le panneau Debug.
4. Définir un point d'arrêt :
Cliquez sur le numéro de ligne du code où vous souhaitez définir un point d'arrêt. Un point rouge apparaîtra à côté du numéro de ligne, indiquant qu'un point d'arrêt a été défini.
5. Démarrer le débogage :
Cliquez sur le bouton "Démarrer le débogage" dans le panneau de débogage. Vous pouvez également appuyer sur la touche F5 pour démarrer le débogage.
6. Examinez les variables :
Une fois que l'exécution atteint le point d'arrêt, le code se mettra en pause. Vous pouvez inspecter les valeurs des variables et des expressions en passant votre souris dessus dans l'éditeur de code.
7. Parcourez le code :
Vous pouvez parcourir le code ligne par ligne en cliquant sur les boutons "Step Over" ou "Step Into" dans le panneau Debug. "Step Over" passera à la ligne de code suivante sans entrer aucun appel de fonction, tandis que "Step Into" entrera l'appel de fonction.
8. Poursuivre le débogage :
Une fois que vous avez fini d'examiner les variables et de parcourir le code, vous pouvez continuer le débogage en cliquant sur le bouton "Continuer" dans le panneau de débogage.
9. Supprimer les points d'arrêt :
Pour supprimer un point d'arrêt, cliquez simplement sur le point rouge à côté du numéro de ligne du point d'arrêt.
L'utilisation de points d'arrêt dans VS Code peut grandement faciliter votre processus de débogage en vous permettant de bien comprendre le flux de votre code et la façon dont les variables changent. C'est une compétence essentielle à maîtriser pour tout développeur JavaScript.
|
