Comment exécuter nodejs avec vs code

VS Code est un éditeur de code très populaire qui prend en charge plusieurs langages de programmation. Parmi eux, Node.js est un environnement JavaScript côté serveur très courant. L'exécution de Node.js dans VS Code nous permet de développer et de déboguer nos applications back-end plus facilement. Alors, comment exécuter Node.js dans VS Code ? Cet article vous le dira.

1. Installez Node.js

La première étape consiste à vous assurer que Node.js est installé. Si Node.js est déjà installé, vous pouvez ignorer cette étape. S'il n'est pas installé, vous pouvez suivre les étapes ci-dessous pour installer Node.js :

1. Ouvrez le site officiel de Node.js : https://nodejs.org/zh-cn/
2. Cliquez sur le bouton de téléchargement pour télécharger le dernière version de Node.js
3. Installez Node.js étape par étape selon le guide
4. Une fois l'installation terminée, entrez la commande suivante dans le terminal ou la ligne de commande pour vérifier si Node.js est installé avec succès :

node -v

Si le numéro de version de Node.js est affiché, alors Node.js L'installation a réussi.

2. Utilisez VS Code pour exécuter Node.js

Après avoir installé avec succès Node.js, l'étape suivante consiste à créer un projet Node.js dans VS Code.

1. Ouvrez VS Code
2. Créez un nouveau dossier pour stocker notre projet
3. Créez un nouveau fichier JavaScript dans le dossier, tel que app.js
4. Écrivez notre code Node.js dans app.js, par exemple :

const http = require('http');

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello, World!
');
});

server.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});

Ce code crée un serveur HTTP, écoute sur le port 3000 et renvoie une réponse Hello, World !

5. Ouvrez le terminal dans VS Code et exécutez la commande suivante pour installer l'outil de débogage pour Node.js :

npm install -g node-inspect

6. Appuyez sur F5 ou cliquez sur le bouton de débogage dans VS Code pour passer en mode débogage
7. Dans le panneau de débogage de VS Code, sélectionnez Node.js
8. Ajoutez une configuration dans le fichier launch.json pour lancer notre application Node.js. Exemple :

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "restart": true
}

Changement en fonction de votre chemin de fichier réel.

9. Cliquez sur le bouton Exécuter dans le panneau de débogage pour démarrer notre application Node.js. À ce stade, l'environnement d'exécution Node.js a été démarré dans VS Code et le débogueur peut fonctionner normalement.
10. Visitez http://localhost:3000/ dans le navigateur et vous verrez la réponse de Hello, World !.

3. Débogage de Node.js

L'avantage d'exécuter Node.js dans VS Code est que nous pouvons déboguer facilement. Voici quelques opérations de base pour déboguer Node.js dans VS Code :

1. Définir des points d'arrêt : cliquez sur le numéro de ligne de code dans VS Code pour définir un point d'arrêt. Une fois le code exécuté jusqu'au point d'arrêt, le programme mettra en pause l'exécution et nous pourrons analyser le processus d'exécution du code dans le débogueur.
2. Surveiller les variables : dans le débogueur, vous pouvez afficher la valeur de la variable, ainsi que des informations telles que le type et la portée de la variable.
3. Trace la pile d'appels : le débogueur peut tracer la pile d'appels de l'exécution du code et nous pouvons visualiser le processus d'appel de chaque fonction dans la pile d'appels.
4. Simulation d'exceptions : pendant l'exécution du programme, nous pouvons simuler des exceptions pour tester la gestion des exceptions.

Ce qui précède est la méthode d'opération de base pour exécuter Node.js dans VS Code, ainsi que l'opération de base pour le débogage de Node.js. Grâce à ces opérations, nous pouvons développer et tester nos applications backend plus facilement.

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!