Come installare Gulp.js su Ubuntu 20.04 LTS

Introduzione

Gulp è un toolkit JavaScript open source sviluppato da Eric Schoffstall che aiuta gli sviluppatori ad automatizzare e migliorare il flusso di lavoro. È un buon task runner da riga di comando per le applicazioni Node.js. Gulp ci consente di automatizzare i processi ed eseguire attività ripetitive con facilità. Fornisce una funzione di convogliamento dell'output da un'attività come input a quella successiva.

Questo tutorial descrive come installare Gulp su sistemi Linux Ubuntu 20.04 LTS Focal Fossa.

Se desideri installare Gulp su un server in remoto continua a leggere, altrimenti salta il primo paragrafo "Connessione al Server" e leggi il successivo.

Connessione al Server

Per accedere al server, è necessario conoscere l'indirizzo IP. Avrai anche bisogno dell'username e della password per l'autenticazione. Per connettersi al server come utente root digitare il seguente comando:

ssh root@IP_DEL_SERVER

Successivamente sarà necessario inserire la password dell'utente root.

Se non utilizzate l'utente root potete connettervi con un'altro nome utente utilizzando lo stesso comando, quindi modificare root con il vostro nome_utente:

ssh nome_utente@IP_DEL_SERVER

Successivamente vi verrà chiesto di inserire la password del vostro utente.

La porta standard per connettersi tramite ssh è la 22, se il vostro server utilizza una porta diversa, sarà necessario specificarla utilizzando il parametro -p, quindi digitare il seguente comando:

ssh nome_utente@IP_DEL_SERVER -p PORTA

Installare Node.js

Prima di tutto, devi installare node.js sul tuo sistema. Usa la seguente serie di comandi per aggiungere node.js PPA nel tuo sistema Ubuntu e installarlo.

sudo apt install python-software-properties 

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

sudo apt install nodejs -y 

Assicurati di aver installato correttamente node.js e NPM sul tuo sistema

node --version 

npm --version 

Creare un'applicazione di esempio con NPM

Gulp può essere facilmente utilizzato nell'applicazione Node.js esistente. Devi solo installare il pacchetto Gulp per Node.js nel tuo progetto. Per questo tutorial, sto creando un'applicazione Node.js di esempio con NPM.

mkdir gulp-project && cd gulp-project 

npm init 

Questo comando richiederà le informazioni richieste per inizializzare un nuovo progetto vuoto nella directory corrente.

Inserisci tutti i dettagli richiesti per la tua applicazione. Alla fine, ti mostrerà i dettagli che hai inserito e ti chiederà di confermare.

About to write to /root/gulp-project/package.json:

{
  "name": "gulp-project",
  "version": "1.0.0",
  "description": "First gulp application by Noviello",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "gulp",
    "app"
  ],
  "author": "Noviello",
  "license": "ISC"
}


Is this OK? (yes)

Basta premere Invio per salvare tutti i dettagli nel file package.json.

Installare Gulp su Ubuntu

Una volta che hai un'applicazione node.js. Usa i seguenti comandi per installare Gulp CLI globalmente sul tuo sistema.

npm install -g gulp-cli 

Installa anche il pacchetto gulp nella tua applicazione. Swith alla directory dell'applicazione ed eseguire il seguente comando.

npm install --save-dev gulp 

Tutto fatto, controlliamo la versione installata di Gulp CLI sul tuo sistema e il modulo Gulp nella tua applicazione con il seguente comando.

gulp --version 

CLI version: 2.2.0
Local version: 4.0.2

Hai installato correttamente lo strumento Gulp CLI sul tuo sistema.

Gulp Hello World Example

Hai il pacchetto gulp aggiunto la tua applicazione e installato gulp-cli sul tuo sistema.

Crea un gulpfile.js nella directory principale dell'applicazione.

nano gulpfile.js 

Aggiungi un codice di esempio del programma di esempio gulp hello world:

var gulp = require('gulp');

gulp.task('hello', function(done) {
  console.log('Hello World!!!');
  done();
});

Salva il file e chiudi.

Quindi esegui l'attività gulp con il seguente comando sotto l'applicazione.

gulp hello 

Il comando precedente eseguirà l'attività gulp denominata "Hello". Come per il codice di esempio sopra, vedrai i seguenti risultati sullo schermo.

Conclusione

Questo tutorial descrive come installare Gulp.js su un sistema Ubuntu 20.04 LTS Focal Fossa. Visita la pagina della documentazione ufficiale per ulteriori dettagli sullo sviluppo.