Aiutaci a continuare a fornirti tutorial gratuiti e di qualità disattivando il blocco degli annunci, altrimenti abbonati al nostro sito.

Come installare Gulp.js su Ubuntu 20.04 LTS

5 mag 2021 3 min di lettura
Come installare Gulp.js su Ubuntu 20.04 LTS
Indice dei contenuti

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 [email protected]_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 [email protected]_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 [email protected]_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.

Supportaci se ti piacciono i nostri contenuti. Grazie.

Buy me a coffeeBuy me a coffee

Partecipa alla conversazione

Sostienici con una donazione.

Successivamente, completa il checkout per l'accesso completo a Noviello.it.
Bentornato! Accesso eseguito correttamente.
Ti sei abbonato con successo a Noviello.it.
Successo! Il tuo account è completamente attivato, ora hai accesso a tutti i contenuti.
Operazione riuscita. Le tue informazioni di fatturazione sono state aggiornate.
La tua fatturazione non è stata aggiornata.