Comment déboguer nodejs

Apr 05, 2023 pm 02:34 PM

Node.js est un environnement d'exécution Javascript basé sur le moteur JavaScript Chrome V8. Il s'agit d'une plate-forme légère, efficace et évolutive pour créer des applications Web et des applications côté serveur.

Cependant, malgré la puissance de Node.js, nous pouvons également rencontrer certains problèmes lorsque nous développons des applications. Dans ce cas, nous devons comprendre comment déboguer Node.js. Le débogage de Node.js nous aide à identifier les bugs et les problèmes dans notre application et à les corriger. Dans cet article, nous apprendrons comment déboguer Node.js.

1. Utiliser les instructions du débogueur

L'insertion d'instructions du débogueur dans l'application peut nous aider à suspendre l'exécution du code et à afficher les variables et les chemins d'exécution dans la console. Par exemple :

function sum(a, b) {
  debugger;
  return a + b;
}

Lorsque le code s'exécute sur l'instruction du débogueur, il se met automatiquement en pause. À ce stade, vous pouvez exécuter la commande dans la console et afficher les variables.

2. Utilisez le débogueur intégré de Node.js

Node.js dispose d'un débogueur intégré que nous pouvons utiliser pour le débogage. Pour utiliser le débogueur pour Node.js, entrez la commande suivante dans le terminal :

node debug app.js

Où app.js est le nom de fichier de l'application que vous souhaitez déboguer. Dans le débogueur, vous pouvez utiliser les commandes suivantes :

  • c : continuez à exécuter le code c:继续执行代码
  • n:执行下一行代码
  • s:进入当前函数
  • o:跳出当前函数
  • repl
  • n : exécutez la ligne de code suivante

s > : Entrez la fonction actuelle

o : Sortez de la fonction actuelle

repl : Ouvrez le REPL dans le contexte actuel

Dans la console , vous pouvez afficher les valeurs des variables et la pile d'appels.

3. Utilisez les outils de débogage de Node.js

En plus du débogueur intégré, Node.js dispose également de nombreux outils de débogage. L'un des outils les plus populaires est Node Inspector. Node Inspector est un débogueur Web qui vous permet de déboguer les applications Node.js dans un navigateur Web.

Pour utiliser Node Inspector, installez-le d'abord :

npm install -g node-inspector
Ensuite, entrez la commande suivante dans le terminal :

node-inspector &
Cela ouvrira une nouvelle fenêtre dans votre navigateur. Pour démarrer le débogage d'une application Node.js, entrez la commande suivante dans le terminal :

node --debug app.js
Où app.js est le nom de fichier de l'application que vous souhaitez déboguer. Ensuite, visitez http://localhost:8080/debug?port=5858 dans votre navigateur. Cela ouvrira un débogueur.
  • Dans le débogueur, vous pouvez définir des points d'arrêt, afficher les valeurs des variables et les piles d'appels.
  • 4. Utiliser des outils tiers
  • En plus de Node Inspector, de nombreux outils de débogage tiers sont disponibles. Certains de ces outils incluent :

WebStorm : WebStorm est un environnement de développement intégré (IDE) basé sur le Web qui prend en charge le débogueur intégré de Node.js.

Visual Studio Code : Visual Studio Code est un éditeur de code multiplateforme gratuit qui prend en charge le débogage et les points d'arrêt intégrés dans le code Node.js.

🎜Chrome DevTools : Chrome DevTools est un outil puissant pour déboguer Node.js dans un navigateur Web. Pour utiliser Chrome DevTools, saisissez la commande suivante dans le terminal : 🎜🎜
node --inspect app.js
🎜où app.js est le nom de fichier de l'application que vous souhaitez déboguer. Ensuite, ouvrez chrome://inspect dans le navigateur Chrome et vous verrez un lien lié à l'application Node.js. Cliquez sur le bouton « Inspecter » pour ouvrir Chrome DevTools. 🎜🎜En résumé, la façon de déboguer Node.js dépend des préférences personnelles et de l'environnement de développement. Vous pouvez choisir d'utiliser le débogueur intégré, un débogueur tiers ou un autre outil pour déboguer votre application. Quel que soit l'outil que vous choisissez, le débogage de Node.js est essentiel pour nous aider à trouver et résoudre les problèmes dans notre application. 🎜

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 de ce site Web
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

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel PHP
1594
276
Une plongée profonde dans WebAssembly (WASM) pour les développeurs frontaux Une plongée profonde dans WebAssembly (WASM) pour les développeurs frontaux Jul 27, 2025 am 12:32 AM

WebAssembly (WASM) isagame-changerforfront-enddeveloperseeekinghigh-performancewebapplications.1.wasmisabinaryinstructionFormatThatrunsatNear-Nativespeed, AmatingLanguagesLikerUst, C, etgotoexeteinthebrowser.2

Quel est le but de l'attribut REL dans une balise de liaison dans HTML? Quel est le but de l'attribut REL dans une balise de liaison dans HTML? Aug 03, 2025 pm 04:50 PM

rel = "Stylesheet" linkSsssFilesForSTylingThepage; 2.rel = "Preload" HintstopreloadCriticalResourcesForPerformance; 3.rel = "icon" setthewebsite’sfaviCon; 4.rel = "alternate" fournit la réversion desstiètes; 5.rel = & Qu

Quel est le but de l'attribut cible de la balise d'ancrage dans HTML? Quel est le but de l'attribut cible de la balise d'ancrage dans HTML? Aug 02, 2025 pm 02:23 PM

ThetargetAttributeinanhtmlanchortagspecifieswheretoopenthelinkedDocument.1._setropensthelinkinthesametab (par défaut) .2._blankopensthelinkinanewtaborwindow.3._parentopensthelinkintheparentframe.

Construire des crochets personnalisés et réutilisables en réaction Construire des crochets personnalisés et réutilisables en réaction Aug 03, 2025 pm 04:51 PM

AgoodCustomHookInReactisareUsable apunctionstarting avec "utilisez" que lacapaplulertateflogicforSharingAcrossComponents; ItSoldSolveAcomMonProblem, beflexiblethroughParameters likeUsefetch (URL, options), reversistestructureuchasanarrayorobJe (URL, options), RetourConSentSistRuctureSuchasanArrayorobJE

Comment utiliser les balises Del et INS dans HTML Comment utiliser les balises Del et INS dans HTML Aug 12, 2025 am 11:38 AM

ThetagisUsesedTomarkdeletedText, éventuellement, avec la manière dont la civil de la manière

Comment créer un curseur de témoignage réactif avec CSS Comment créer un curseur de témoignage réactif avec CSS Aug 12, 2025 am 09:42 AM

Il est possible de créer un curseur de carrousel automatique réactif avec un CSS pur, il suffit de combiner la structure HTML, la disposition Flexbox et l'animation CSS. 2. Construisez d'abord un conteneur HTML sémantique contenant plusieurs termes de recommandation, chaque .Item contient du contenu de référence et des informations sur l'auteur. 3. Utilisez le conteneur parent pour définir l'affichage: flex, largeur: 300% (trois diapositives) et appliquez un débordement: caché pour obtenir une disposition horizontale. 4. Utilisez @KeyFrames pour définir une transformation Translatex de 0% à -100%, et combinez l'animation: Scroll15SLineArinfinite pour obtenir un défilement automatique sans faille. 5. Ajouter des médias

Comment pouvez-vous rendre un élément HTML modifiable par l'utilisateur? Comment pouvez-vous rendre un élément HTML modifiable par l'utilisateur? Aug 11, 2025 pm 05:23 PM

Oui, vous pouvez rendre les éléments HTML modifiables en utilisant l'attribut satisfait. La méthode spécifique consiste à ajouter un contenudtable = "true" à l'élément cible. Par exemple, vous pouvez modifier ce texte et l'utilisateur peut cliquer directement et modifier le contenu. Cet attribut convient aux éléments au niveau du bloc et en ligne tels que Div, P, Span, H1 à H6. La valeur par défaut est "vrai" pour être modifiable, "False" n'est pas éditable, et "hériter" pour hériter des paramètres de l'élément parent. Afin d'améliorer l'accessibilité, il est recommandé d'ajouter tabindex = "0 & quo

Comment utiliser efficacement les sélecteurs CSS Comment utiliser efficacement les sélecteurs CSS Aug 11, 2025 am 11:12 AM

Lorsque vous utilisez des sélecteurs CSS, les sélecteurs à faible spécifiquement spécifique doivent être utilisés en premier pour éviter les limitations excessives; 1. Comprendre le niveau de spécificité et les utiliser raisonnablement dans l'ordre de type, de classe et d'ID; 2. Utilisez des noms de classe polyvalents pour améliorer la réutilisabilité et la maintenabilité; 3. Utilisez des attributs et des sélecteurs de classe pseudo pour éviter les problèmes de performances; 4. Gardez le sélecteur court et clair; 5. Utiliser BEM et d'autres spécifications de dénomination pour améliorer la clarté structurelle; 6. Évitez les abus de sélecteurs de balises et: nième-enfant, et donnez la priorité à l'utilisation de classes d'outils ou de CSS modulaires pour s'assurer que le style est contrôlable pendant longtemps.

See all articles