Gulp est un outil JavaScript gratuit, open source et multiplateforme qui vous aide à automatiser les tâches chronophages de votre workflow de développement. Il est construit sur Node.js et NPM utilisé pour réduire le temps de développement et l'attention requis pour des tâches telles que la modification et l'optimisation. Il aide les développeurs à exécuter des tâches frontales et des applications Web à grande échelle.
Dans cet article, nous allons vous montrer comment installer Gulp.js sur Rocky Linux 8.
Prérequis
- Un serveur exécutant RockyLinux 8 sur la plate-forme cloud Atlantic.Net
- Un mot de passe root configuré sur votre serveur
Étape 1 - Créer un serveur cloud Atlantic.Net
Tout d'abord, connectez-vous à votre serveur Atlantic.Net Cloud. Créez un nouveau serveur en choisissant Rocky Linux 8 comme système d'exploitation avec au moins 2 Go de RAM. Connectez-vous à votre serveur cloud via SSH et connectez-vous à l'aide des informations d'identification mises en évidence en haut de la page.
Une fois connecté à votre serveur, exécutez la commande suivante pour mettre à jour votre système de base avec les derniers packages disponibles.
dnf update -y
Étape 2 - Installer Node.js sur Rocky Linux 8
Gulp est basé sur Node.js et NPM, vous devrez donc installer les deux packages sur votre système.
Tout d'abord, installez le package curl avec la commande suivante :
dnf install curl -y
Ensuite, ajoutez le référentiel source du nœud à l'aide de la commande suivante :
curl -fsSL https://rpm.nodesource.com/setup_current.x | bash -
Ensuite, installez le package Node.js avec la commande suivante :
dnf install nodejs -y
Une fois Node.js installé, vérifiez la version de Node.js avec la commande suivante :
node -v
Exemple de sortie :
v17.0.1
Vous pouvez également vérifier la version de NPM à l'aide de la commande suivante :
npm -v
Exemple de sortie :
8.1.0
Étape 3 - Installer Gulp.js
Tout d'abord, vous devrez installer l'outil Gulp CLI sur votre système. Il est utilisé pour installer et gérer l'application Gulp.
Vous pouvez installer l'outil CLI Gulp à l'aide de la commande suivante :
npm install -g gulp-cli
Après l'installation, créez un répertoire pour l'application Gulp :
mkdir gulp
Ensuite, changez le répertoire en gulp et créez une application gulp avec la commande suivante :
cd gulp npm init
Il vous sera demandé de fournir plusieurs questions pour votre nouvelle candidature :
package name: (gulp)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to /root/gulp/package.json:
{
"name": "gulp",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
Is this OK? (yes) yes
Ensuite, exécutez la commande suivante pour installer le module Gulp :
npm install --save-dev gulp
Ensuite, vérifiez l'installation de Gulp à l'aide de la commande suivante :
gulp --version
Vous devriez voir le résultat suivant :
CLI version: 2.3.0 Local version: 4.0.2
Étape 4 - Créer une application Gulp
À ce stade, Gulp est installé. Maintenant, créons un exemple d'application Gulp.
Commencez par créer un répertoire de projet à l'aide de la commande suivante :
mkdir project
Ensuite, changez de répertoire pour projeter et créez une application Gulp avec la commande suivante :
cd project nano gulpfile.js
Ajoutez le code suivant :
var gulp = require('gulp');
gulp.task('hello', function(done) {
console.log('Hello World Application!!!');
done();
});
Enregistrez et fermez le fichier, puis lancez l'application Gulp à l'aide de la commande suivante :
gulp hello
Vous obtiendrez le résultat suivant :
[13:55:46] Using gulpfile ~/gulp/project/gulpfile.js [13:55:46] Starting 'hello'... Hello World Application!!! [13:55:46] Finished 'hello' after 3.69 ms
Conclusion
Toutes nos félicitations! Vous avez installé avec succès Gulp.js sur Rocky Linux 8. Vous pouvez maintenant utiliser Gulp pour automatiser facilement les tâches répétitives sur votre serveur privé virtuel. Pour plus d'informations, visitez la page de documentation officielle de Gulp.js.