Maison >outils de développement >VSCode >Comment déboguer VSCODE

Comment déboguer VSCODE

Robert Michael Kim
Robert Michael Kimoriginal
2025-03-06 11:20:21438parcourir

Comment déboguer dans VScode?

Le débogage dans le code VS est une fonctionnalité puissante qui vous permet de parcourir votre code par ligne, d'inspecter les variables et d'identifier la source des erreurs. Pour commencer le débogage, vous devrez d'abord avoir une configuration de lancement. Cette configuration indique VS Code comment lancer votre application et quel débogueur utiliser. Vous pouvez créer une configuration de lancement en cliquant sur l'icône "Exécuter et déboguer" dans la barre d'activité (l'icône ressemble à un bogue). Si vous n'avez pas de configuration existante, VS Code vous invitera à en créer un. Sélectionnez l'environnement approprié (par exemple, Node.js, Python, C, etc.) et le code vs générera un fichier .vscode/launch.json dans le répertoire racine de votre projet. Ce fichier contient des paramètres spécifiques à votre environnement de débogage. Une fois la configuration configurée, vous pouvez placer des points d'arrêt dans votre code en cliquant dans le gouttière à côté des numéros de ligne. Ensuite, commencez à déboguer en appuyant sur F5 ou en cliquant sur le bouton "Démarrer le débogage". VS Code suspendre l'exécution à vos points d'arrêt, vous permettant d'inspecter les variables, de parcourir le code et de comprendre le flux du programme.

Quelles sont les techniques de débogage communes dans VScode?

VS Code offre une gamme de techniques de débogage pour dépanner efficacement votre code. Ceux-ci incluent:

  • Passer à travers le code: Utilisez les commandes Step Over (F10), Step Into (F11) et Step Out (Shift F11) pour naviguer dans votre code ligne par ligne. Step Over exécute la ligne actuelle et se déplace vers la suivante, tandis que Step Into passe dans les appels de fonction. Step Out quitte la fonction actuelle.
  • Points d'arrêt: Le réglage des points d'arrêt vous permet de suspendre l'exécution à des lignes de code spécifiques. Vous pouvez définir des points de rupture conditionnels qui ne déclenchent que dans certaines conditions, ce qui rend le débogage plus efficace. Ceci est particulièrement utile dans le code complexe où une erreur ne peut se produire que dans des circonstances spécifiques.
  • Expressions de montre: Surveiller les valeurs des variables et des expressions en temps réel en les ajoutant sous forme d'expressions de montre. Cela aide à suivre la façon dont les valeurs de variable changent tout au long de l'exécution, vous permettant d'identifier rapidement le comportement inattendu.
  • Pile d'appel: La pile d'appels montre la séquence des appels de fonction qui ont mené au point d'exécution actuel. Ceci est inestimable pour comprendre le flux d'exécution et l'identification de l'origine des erreurs.
  • Variables d'inspection: Examiner les valeurs des variables à tout point de rupture. Le débogueur de VS Code fournit une interface pratique pour inspecter les valeurs des variables, leurs types et leurs propriétés.
  • Points de rupture de données: Ces points de rupture avancés se déclenchent lorsque la valeur d'une variable spécifique change, même si le code n'exécute pas directement la ligne où la variable est déclarée. Ceci est particulièrement utile lors du suivi des changements subtils des données.
  • Points de journal: Au lieu d'arrêter l'exécution, les points de journal vous permettent de publier des messages à la console de débogage sans faire une pause exécution. Ceci est utile pour tracer le flux du programme sans l'interrompre fréquemment.

Comment configurer les points d'arrêt et regarder les expressions dans le débogueur de VScode?

Points de pause: Le réglage des points d'arrêt est simple. Cliquez simplement dans la gouttière (la zone à gauche des numéros de ligne) à côté de la ligne de code où vous souhaitez interrompre l'exécution. Un point rouge apparaîtra, indiquant le point d'arrêt. Pour supprimer un point d'arrêt, cliquez à nouveau sur le point rouge. Vous pouvez également cliquer avec le bouton droit sur une ligne et sélectionner "Ajouter un point d'arrêt" dans le menu contextuel. Pour les points d'arrêt conditionnels, cliquez avec le bouton droit sur le point d'arrêt et sélectionnez «Modifier le point d'arrêt». Une expression de condition peut ensuite être ajoutée, ce qui ne déclenchera le point de rupture que lorsque l'expression évalue TRUE.

Watch Expressions: Pour ajouter une expression de montre, cliquez sur la section "Watch" dans le panneau de débogage (généralement sur le côté gauche). Ensuite, cliquez sur le bouton "" et entrez l'expression que vous souhaitez surveiller. La valeur de l'expression sera affichée et mise à jour lorsque vous parcourez le code. Vous pouvez également ajouter des expressions de montre directement en cliquant avec le bouton droit sur une variable dans le volet Variables et en sélectionnant "Ajouter à Watch". "

Comment résoudre les problèmes de débogueur VScode? Il est correctement configuré pour votre environnement et votre application. Les erreurs courantes incluent des chemins incorrects, des configurations manquantes ou des arguments de programme incorrects.

Vérifier les erreurs dans la console de débogage:
    La console de débogage affiche des messages du débogueur et de votre application. Portez une attention particulière à tous les messages ou avertissements d'erreur.
  • Extensions de mise à jour: launch.json Assurez-vous que vos extensions de débogueur sont à jour. Les extensions obsolètes peuvent provoquer des problèmes de compatibilité.
  • redémarrer VScode: Un redémarrage simple résout souvent des pépins temporaires.
  • Vérifier les extensions conflictuelles: Parfois, des extensions conflictuelles peuvent interférer avec le débogueur. Essayez de désactiver les extensions une par un pour identifier tous les conflits.
  • Examiner la pile d'appels: La pile d'appels fournit des informations précieuses sur le flux d'exécution. Analysez-le pour identifier les appels de fonction ou les problèmes de récursivité inattendus.
  • Simplifiez votre code: Si vous rencontrez des scénarios de débogage complexe, essayez de simplifier votre code pour isoler le problème. Cela facilite la localisation de la source de l'erreur.
  • Consulter la documentation et les ressources communautaires: Reportez-vous à la documentation officielle vs du code et aux forums communautaires pour des solutions à des problèmes de débogage spécifiques. De nombreux problèmes courants ont déjà été résolus et documentés.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn