Comment configurer un environnement de développement Node.js dans IDEA

Node.js est un environnement d'exécution JavaScript basé sur le moteur Chrome V8, qui peut s'exécuter en arrière-plan ou en tant qu'application. Il peut être utilisé non seulement comme outil de développement Web, mais également dans divers scénarios tels que le stockage de données et les applications mobiles. Aujourd'hui, nous allons apprendre à mettre en place un environnement de développement Node.js dans IDEA.

1. Téléchargez et installez Node.js

Tout d'abord, nous devons nous rendre sur le site officiel pour télécharger le package d'installation de Node.js, l'URL est : https://nodejs.org/zh-cn/download/. Une fois le téléchargement terminé, nous démarrons l'installation.

Suivez les invites pour installer étape par étape. S'il s'agit d'une plate-forme Windows, double-cliquez sur le package d'installation pour l'ouvrir, sélectionnez la langue correspondante et cliquez sur Continuer. Ensuite, l'interface d'installation de Node.js apparaîtra, cliquez sur Suivant, puis sélectionnez le chemin d'installation. Ensuite, cochez l'option d'installation personnalisée et cochez l'option Ajouter au chemin (ajoutez Node.js aux variables d'environnement). Continuez ensuite à cliquer sur Suivant jusqu'à ce que l'installation soit terminée.

2. Configurer les variables d'environnement Node.js

Dans Windows, nous devons configurer les variables d'environnement. Recherchez les variables d'environnement dans la barre de recherche de votre ordinateur et cliquez sur "Modifier les variables d'environnement système". Recherchez le chemin sous « Variables système », puis cliquez sur Modifier et ajoutez le chemin d'installation de Node.js à la valeur de la variable. Séparez les chemins multiples par des points-virgules. Cliquez sur OK pour quitter lorsque vous avez terminé.

3. Configurer IDEA

Pour ouvrir IDEA, vous devez d'abord installer le plug-in Node.js. Cliquez sur le bouton « Paramètres » sur la page d'accueil d'IDEA pour accéder à la page des paramètres, saisissez « Node.js » dans la zone de recherche, puis cliquez pour télécharger et installer.

Ensuite, nous devons créer un projet Node.js dans IDEA. Ouvrez la page d'accueil d'IDEA, cliquez sur le bouton Créer un nouveau projet, sélectionnez l'icône bleue de l'application Node.js, puis cliquez sur Suivant et remplissez le nom du projet et le chemin du projet. Au cours de ce processus, IDEA vous permettra de choisir la version de Node.js. Si vous avez installé Node.js à l'étape 1, sélectionnez simplement la version de Node.js dans votre système. S'il n'est pas installé, vous pouvez choisir de télécharger Node.js ici et suivre les instructions pour l'installer étape par étape.

Après avoir créé le projet Node.js, nous devons ajouter des dépendances au projet. Dans le panneau de projet d'IDEA, recherchez le fichier "package.json", double-cliquez pour l'ouvrir et modifiez le champ "dépendances" pour y ajouter les dépendances requises. Par exemple, si nous voulons installer Express.js, ajoutez le code suivant sous le champ "dépendances" :

"dependencies": {
    "express": "^4.17.1",
}

Exécutez la commande suivante dans la console IDEA pour ajouter les dépendances requises au projet Node.js :

npm install

4 . Démarrez le projet

Enfin, nous devons démarrer le projet Node.js. Dans le panneau de projet d'IDEA, recherchez le fichier "app.js" (si vous ne le trouvez pas, vous pouvez en créer un dans le répertoire racine du projet), puis ajoutez du code Express.js de base au code :

const express = require('express')
const app = express()

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

const port = process.env.PORT || 3000
app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`)
})

Nous venons d'en implémenter un maintenant Un simple programme Express.js Lorsque vous accédez à "http://localhost:3000" dans le navigateur, vous verrez les mots "Hello World!".

Enfin, nous entrons la commande suivante dans la console pour démarrer le projet :

npm start

Une fois le projet démarré, nous pouvons visiter http://localhost:3000 dans le navigateur pour voir notre projet.

Résumé

Voici les étapes ci-dessus pour créer un environnement de développement Node.js dans IDEA. J'espère que cet article pourra être utile aux débutants.

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!