Gulp est une boîte à outils logicielle JavaScript open source qui vous aide à automatiser les tâches pénibles ou chronophages dans votre workflow de développement. Il est multiplateforme et peut être intégré dans tous les principaux IDE. Vous pouvez utiliser Gulp avec de nombreux langages de programmation, notamment PHP, .NET, Node.js, Java, etc.
Dans cet article, nous expliquerons comment installer Gulp js sur Ubuntu 20.04 VPS.
Prérequis
- Un nouveau serveur Ubuntu 20.04 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 Ubuntu 20.04 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 que vous êtes connecté à votre serveur Ubuntu 20.04, exécutez la commande suivante pour mettre à jour votre système de base avec les derniers packages disponibles.
apt-get update -y
Étape 2 - Installer les dépendances requises
Avant de commencer, vous devrez installer quelques dépendances sur votre serveur. Vous pouvez tous les installer avec la commande suivante :
apt-get install python3-software-properties gnupg2 curl wget -y
Une fois toutes les dépendances installées, vous pouvez procéder à l'installation de Node.js.
Étape 3 - Installer Node.js
Vous devrez également installer Node.js avant d'installer Gulp. Commencez par ajouter le référentiel Node.js à l'aide de la commande suivante :
curl -sL https://deb.nodesource.com/setup_14.x | bash -
Ensuite, installez Node.js avec la commande suivante :
apt-get install nodejs -y
Une fois Node.js installé, vérifiez la version installée de Node.js avec la commande suivante :
node --version
Sortie :
v14.17.0
Vous pouvez également vérifier la version de NPM avec la commande suivante :
npm --version
Sortie :
6.14.13
Étape 4 – Créer un exemple d'application avec NPM
Commencez par créer un nouveau répertoire d'application avec la commande suivante :
mkdir project
Ensuite, changez le répertoire en répertoire du projet et créez une application avec la commande suivante :
cd project npm init
Quelques questions vous seront posées pour créer un fichier package.json :
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.
See `npm help init` for definitive documentation on these fields
and exactly what they do.
Use `npm install ` afterwards to install a package and
save it as a dependency in the package.json file.
Press ^C at any time to quit.
package name: (project)
version: (1.0.0)
description: My Gulp Project
entry point: (index.js)
test command: "echo "How Are You" && exit 1"
git repository:
keywords:
author: Admin
license: (ISC)
About to write to /root/project/package.json:
{
"name": "project",
"version": "1.0.0",
"description": "My Gulp Project",
"main": "index.js",
"scripts": {
"test": "\"echo \"How Are You\" && exit 1\""
},
"author": "Admin",
"license": "ISC"
}
Is this OK? (yes) Yes
Étape 5 - Installer Gulp.js
Ensuite, vous pouvez installer l'outil Gulp CLI avec la commande suivante :
npm install -g gulp-cli
Sortie :
/usr/bin/gulp -> /usr/lib/node_modules/gulp-cli/bin/gulp.js + [email protected] added 252 packages from 165 contributors in 17.941s
Une fois Gulp installé, changez le répertoire pour votre répertoire de projet et installez le package gulp avec la commande suivante :
cd /root/project npm install --save-dev gulp
Vous pouvez maintenant vérifier la version de Gulp avec la commande suivante :
gulp --version
Vous devriez voir le résultat suivant :
CLI version: 2.3.0 Local version: 4.0.2
Étape 6 - Créer une application Gulp
Ensuite, créez un exemple d'application Gulp avec la commande suivante :
nano /root/project/gulpfile.js
Ajoutez les lignes suivantes :
var gulp = require('gulp');
gulp.task('hello', function(done) {
console.log('Hello World!!!');
done();
});
Enregistrez et fermez le fichier, puis exécutez la tâche gulp avec la commande suivante :
gulp hello
Si tout va bien, vous devriez obtenir le résultat suivant :
[09:11:28] Using gulpfile ~/project/gulpfile.js [09:11:28] Starting 'hello'... Hello World!!! [09:11:28] Finished 'hello' after 4.41 ms
Conclusion
Toutes nos félicitations! Vous avez installé avec succès Gulp sur Ubuntu 20.04 VPS. Vous pouvez maintenant créer votre propre application avec Gulp. Pour plus d'informations, consultez la documentation de Gulp.