Comment vscode exécute le code nodejs

Lorsque vous utilisez VS Code pour écrire du code Node.js, vous devez d'abord installer l'environnement Node.js et l'extension VS Code. Voici les étapes à suivre pour exécuter le code Node.js dans VS Code :

1. Installez l'environnement Node.js

Si vous n'avez pas installé l'environnement Node.js, veuillez le télécharger et l'installer à partir de Node.js. site officiel. Une fois l'installation terminée, vous pouvez vérifier si la version de Node.js est correcte en exécutant la commande suivante :

node -v

2. Installez l'extension VS Code

Afin de mieux utiliser VS Code pour écrire du code Node.js, vous besoin d'installer certaines extensions associées. Vous pouvez rechercher « Node.js » dans la boutique de plug-ins de VS Code pour trouver les extensions associées, comme indiqué dans l'image ci-dessous :

Une fois l'installation terminée, redémarrez VS Code.

3. Créer un projet Node.js

Dans VS Code, vous pouvez créer un projet Node.js via le terminal ou la ligne de commande. Ouvrez VS Code, appuyez sur les touches "ctrl + shift + p" pour ouvrir le panneau de commande, recherchez "Terminal : Créer un nouveau terminal intégré" dans le panneau, la sélection de cette commande ouvrira un terminal dans la fenêtre VS Code :

Dans le panneau de terminal, entrez la commande suivante pour créer un nouveau projet Node.js :

mkdir my_project
cd my_project
npm init

Après avoir effectué les opérations ci-dessus, un dossier nommé "mon_projet" sera créé et un dossier nommé "mon_projet" y sera créé . Le fichier "package.json" permet de gérer les dépendances du projet. Au cours de ce processus, remplissez les informations sur le projet si nécessaire.

4. Écrire du code Node.js

Dans VS Code, vous pouvez utiliser l'éditeur intégré pour écrire du code Node.js. Créez un fichier nommé "index.js" et écrivez le code suivant dans le fichier :

console.log("Hello World!");

Après avoir enregistré le fichier, vous pouvez ouvrir le panneau de terminal dans VS Code et utiliser la commande suivante pour imprimer le message "Hello World!" dans la console :

node index.js

5. Debug Node.js code

VS Code fournit également un débogueur intégré qui peut vous aider à déboguer le code Node.js. Le code Node.js peut être débogué en suivant les étapes suivantes :

Étape 1 : Ajoutez la configuration dans le fichier "launch.json"

Dans la barre latérale de VS Code, recherchez la vue de débogage et recherchez-y le fichier "launch.json" . Ajoutez la configuration suivante au fichier :

{
  "version": "0.2.0",
  "configurations": [{
    "type": "node",
    "request": "launch",
    "name": "Launch Program",
    "program": "${file}"

  }]
}

Après avoir enregistré le fichier, la configuration sera automatiquement enregistrée et cet élément de configuration nouvellement créé peut être vu dans le menu déroulant au-dessus de la vue "Débogage".

Étape 2 : Insérer un point d'arrêt dans le code

Ouvrez le fichier "index.js" dans l'éditeur et ajoutez un point d'arrêt dans le code. Les points d'arrêt peuvent être définis en cliquant sur le numéro de ligne sur le côté gauche de l'éditeur.

Étape 3 : Démarrez le débogueur

Appuyez sur la touche F5 ou cliquez sur le bouton "Exécuter" pour démarrer le débogueur.

Étape 4 : Débogage du code

Lorsque le débogueur démarre et qu'un point d'arrêt est rencontré, vous pouvez utiliser des commandes telles que l'exécution en une seule étape et reprendre l'exécution pour afficher l'exécution du code. Vous pouvez utiliser les vues variables, pile ou console dans la fenêtre de l'outil de débogage pour afficher l'état du code et les informations de débogage.

Résumé

Voici les étapes ci-dessus pour exécuter le code Node.js dans VS Code. D'excellents outils de développement peuvent considérablement améliorer l'efficacité du développement de programmes. Il est très important que les développeurs comprennent comment exécuter et déboguer rapidement le code Node.js dans VS Code. J'espère que cet article vous sera utile, merci d'avoir lu.

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!