Come installare GulpJS su Ubuntu 21.04

Introduzione

Gulp è uno strumento per automatizzare le attività, principalmente sul livello front-end . È sviluppato in javascript e funziona su NodeJS quindi può essere eseguito su qualsiasi sistema.

Puoi applicare molte trasformazioni ai tuoi file mentre sei in memoria prima che qualcosa venga scritto sul disco, velocizzando notevolmente il tuo processo di creazione.

Installazione di GulpJS su Ubuntu 21.04

Installa NodeJS su Ubuntu 21.04

Questo strumento è stato creato con NodeJS, quindi dobbiamo installarlo sul nostro sistema.

Quindi, in un terminale, assicurati di avere Ubuntu aggiornato.

sudo apt update && sudo apt upgrade

Installa le proprietà-software-common pacchetto che di solito è già incluso, ma è meglio essere sicuri.

sudo apt install software-properties-common

Inoltre lavoreremo con 16.x versione di NodeJS, quindi dobbiamo installarlo tramite il repository esterno fornito dagli sviluppatori. Per aggiungere il repository, dobbiamo eseguire il seguente comando:

curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash -

Ora possiamo installare NodeJS eseguendo il seguente comando.

sudo apt install nodejs

Controlla le versioni per vedere se il processo è andato a buon fine.

node --version
npm --version 

Installa GulpJS su Ubuntu

Ora dobbiamo creare una cartella in cui sarà l'installazione di Gulp. Quindi dobbiamo accedervi.

mkdir project
cd project
npm init

Then start the NodeJS project

Il package.json il file verrà creato.

Ora installa gulp-cli che è uno dei pacchetti necessari per utilizzare Gulp.

sudo npm install -g gulp-cli

E installa il pacchetto Gulp

sudo npm install --save-dev gulp

Successivamente, puoi verificare l'installazione eseguendo:

gulp --version

Test dell'installazione

Crea un file chiamato gulpfile.js con il tuo editor di testo. Userò vim.

vim gulpfile.js

E aggiungi quanto segue:

var gulp = require('gulp');

gulp.task('test', function(done) {
  console.log('Hello visitors from unixcop');
  done();
});

In questo caso, ho definito un'attività che stampa solo un saluto sullo schermo.

Per eseguirlo, digita semplicemente

gulp test

Quindi, Gulp installato e pronto per essere utile.

Conclusione

Gulp contribuisce all'automazione di molte attività che uno sviluppatore front-end potrebbe trovare noioso. Questo lo rende uno strumento prezioso per molti di loro. In questo post, ti abbiamo guidato attraverso una serie di passaggi per aiutarti a installare Gulp su Ubuntu.