Maison  >  Article  >  interface Web  >  Qu’apprenez-vous sur l’environnement de développement nodejs ?

Qu’apprenez-vous sur l’environnement de développement nodejs ?

PHPz
PHPzoriginal
2023-04-18 09:06:39515parcourir

Notes d'étude sur l'environnement de développement Node.js : de l'installation à la pratique du développement

Node.js est un environnement d'exécution JavaScript basé sur le moteur Chrome V8. Il peut être utilisé pour développer facilement du code et exécuter des applications JavaScript, y compris des applications Web côté serveur. . Avant de démarrer le développement de Node.js, vous devez d'abord préparer l'environnement de développement. Dans cet article, nous expliquerons comment préparer un environnement de développement Node.js et présenterons quelques pratiques de développement de base.

  1. Installer Node.js

Tout d'abord, pour développer Node.js, vous devez d'abord installer Node.js. Vous pouvez télécharger et installer la dernière version de Node.js à partir du site officiel de Node.js. Lors de l'installation, vous pouvez sélectionner les paramètres par défaut.

  1. Installer l'IDE

Choisir un IDE approprié peut considérablement améliorer l'efficacité du développement. Les IDE couramment utilisés incluent : Visual Studio Code, WebStorm, Sublime Text, etc. Vous pouvez choisir en fonction de vos propres préférences et besoins. Dans cet article, nous choisissons Visual Studio Code (ci-après dénommé VS Code) comme outil de développement.

  1. Créez un projet Node.js

Ouvrez un dossier vide dans VS Code Vous pouvez ouvrir le terminal via [Terminal]-[Nouveau terminal] dans la barre de menu. Dans le terminal, entrez la commande suivante pour créer un projet Node.js simple :

mkdir my-node-project
cd my-node-project
npm init

Après avoir exécuté cette commande, certaines invites apparaîtront. Vous pouvez répondre aux questions correspondantes pour créer un fichier package.json. Ce fichier contient les informations de base. du projet, comme le nom, la version et les dépendances. Le champ Dépendances est utilisé pour décrire les dépendances du projet. Node.js utilisera ce champ pour télécharger et installer automatiquement les modules requis.

  1. Installer les modules

Vous pouvez utiliser la commande npm pour installer des modules. Entrez le répertoire racine du projet dans le terminal et exécutez la commande suivante pour installer le module Express :

npm install express
  1. Créer une application Express

Afin de mieux comprendre la pratique de développement de Node.js, nous pouvons créer un simple Candidature expresse. Dans le terminal de VS Code, saisissez la commande suivante pour créer un fichier app.js :

touch app.js

Entrez le code suivant dans app.js :

// 引入 express 并创建一个 express 对象
const express = require('express')
const app = express()

// 定义路由
app.get('/', (req, res) => {
  res.send('Hello World!')
})

// 监听端口
app.listen(3000, () => {
  console.log('应用程序已启动,访问 http://localhost:3000')
})

Le code est expliqué comme suit :

  • Ligne 1 : Utilisez require pour introduisez le module express et initialisez pour créer un objet express.
  • Lignes 4 à 6 : définissez une route qui renvoie une chaîne "Hello World!" lorsque l'utilisateur accède au chemin racine.
  • Ligne 9 : Utilisez la méthode Listen() de l'objet express pour écouter le port 3000. Lorsque l'utilisateur accède à ce port, la route définie est exécutée.
  1. Exécuter l'application

Il existe deux façons d'exécuter l'application : l'une consiste à démarrer le programme en entrant la ligne de commande via le terminal, et l'autre consiste à utiliser la fonction de débogage dans VS Code. Ce qui suit est la mise en œuvre spécifique des deux méthodes.

Méthode 1 : Entrez la commande via le terminal

Dans le terminal de VS Code, exécutez la commande suivante :

node app.js

Puis ouvrez le navigateur et visitez http://localhost:3000, vous pouvez voir le message "Hello World! " réponse.

Méthode 2 : Utilisez la fonction de débogage dans VS Code

Dans le panneau de gauche de VS Code, cliquez sur l'icône de débogage pour ouvrir le panneau de débogage. Ensuite, cliquez sur [Ajouter une configuration] et sélectionnez Node.js. VS Code crée un dossier .vscode dans le répertoire racine du projet et y crée un fichier launch.json. Dans le fichier launch.json, modifiez les éléments de configuration comme suit :

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Node: Launch Program",
      "program": "${workspaceFolder}/app.js",
      "restart": true,
      "protocol": "inspector"
    }
  ]
}

Le code est expliqué comme suit :

  • Ligne 5 : Spécifiez le fichier d'entrée du programme comme app.js.
  • Ligne 6 : Configurer le redémarrage automatique au démarrage du programme.
  • Ligne 7 : Spécifiez l'utilisation du protocole de l'inspecteur pour déboguer le programme dans VS Code.

Ensuite, cliquez sur le bouton [Exécuter] dans le panneau de débogage pour démarrer le débogage, visitez http://localhost:3000 et vous pourrez voir les résultats de la réponse dans le panneau de débogage de VS Code.

  1. Résumé

Cet article explique comment préparer l'environnement de développement Node.js et présente quelques pratiques de développement de base. Les étapes clés incluent :

  • Installer Node.js
  • Installer l'IDE
  • Créer un projet Node.js
  • Installer des modules
  • Créer une application Express
  • Exécuter l'application

Enfin, j'espère que cet article aidera les lecteurs peut rapidement démarrer avec l'environnement de développement Node.js.

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