Présentation
Gulp est un outil pour automatiser les tâches, principalement sur la couche frontale . Il est développé en javascript et fonctionne sur NodeJS afin qu'il puisse fonctionner sur n'importe quel système.
Vous pouvez appliquer de nombreuses transformations à vos fichiers en mémoire avant que quoi que ce soit ne soit écrit sur le disque, ce qui accélère considérablement votre processus de construction.
Installation de GulpJS sur Ubuntu 21.04
Installer NodeJS sur Ubuntu 21.04
Cet outil construit avec NodeJS, nous devons donc l'installer sur notre système.
Donc, dans un terminal, assurez-vous d'avoir Ubuntu à jour.
sudo apt update && sudo apt upgrade
Installez le software-properties-common package qui est généralement déjà inclus, mais il vaut mieux être sûr.
sudo apt install software-properties-common
Nous travaillerons également avec 16.x version de NodeJS, nous devons donc l'installer via le référentiel externe fourni par les développeurs. Pour ajouter le dépôt, nous devons exécuter la commande suivante :
curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash -
Nous pouvons maintenant installer NodeJS en exécutant la commande suivante.
sudo apt install nodejs
Vérifiez les versions pour voir si le processus a réussi.
node --version
npm --version
Installer GulpJS sur Ubuntu
Nous devons maintenant créer un dossier dans lequel se trouvera l'installation de Gulp. Ensuite, nous devons y accéder.
mkdir project
cd project
npm init
Then start the NodeJS project
Le package.json le fichier sera créé .
Installez maintenant gulp-cli qui est l'un des packages nécessaires pour utiliser Gulp.
sudo npm install -g gulp-cli
Et installez le package Gulp
sudo npm install --save-dev gulp
Après cela, vous pouvez vérifier l'installation en exécutant :
gulp --version
Tester l'installation
Créez un fichier appelé gulpfile.js avec votre éditeur de texte. Je vais utiliser vim.
vim gulpfile.js
Et ajoutez ce qui suit :
var gulp = require('gulp');
gulp.task('test', function(done) {
console.log('Hello visitors from unixcop');
done();
});
Dans ce cas, j'ai défini une tâche qui imprime simplement un message d'accueil à l'écran.
Pour l'exécuter, tapez simplement
gulp test
Donc, Gulp installé et prêt à être utile.
Conclusion
Gulp contribue à l'automatisation de nombreuses tâches qu'un développeur front-end peut trouver fastidieuses. Cela en fait un outil précieux pour beaucoup d'entre eux. Dans cet article, nous vous avons présenté une série d'étapes pour vous aider à installer Gulp sur Ubuntu.