Gulp è uno strumento JavaScript gratuito, open source e multipiattaforma che ti aiuta ad automatizzare le attività che richiedono tempo nel tuo flusso di lavoro di sviluppo. È basato su Node.js e NPM utilizzati per ridurre la quantità di tempo di sviluppo e l'attenzione richiesta per attività come la modifica e l'ottimizzazione. Aiuta gli sviluppatori a eseguire attività front-end e applicazioni Web su larga scala.
In questo post, ti mostreremo come installare Gulp.js su Rocky Linux 8.
Prerequisiti
- Un server che esegue RockyLinux 8 sulla piattaforma Atlantic.Net Cloud
- Una password di root configurata sul tuo server
Fase 1:crea un server cloud Atlantic.Net
Per prima cosa, accedi al tuo server Atlantic.Net Cloud. Crea un nuovo server, scegliendo Rocky Linux 8 come sistema operativo con almeno 2 GB di RAM. Collegati al tuo Cloud Server tramite SSH e accedi utilizzando le credenziali evidenziate in alto nella pagina.
Una volta effettuato l'accesso al server, eseguire il comando seguente per aggiornare il sistema di base con gli ultimi pacchetti disponibili.
dnf update -y
Passaggio 2 – Installa Node.js su Rocky Linux 8
Gulp è basato su Node.js e NPM, quindi dovrai installare entrambi i pacchetti sul tuo sistema.
Innanzitutto, installa il pacchetto curl con il seguente comando:
dnf install curl -y
Successivamente, aggiungi il repository di origine del nodo utilizzando il comando seguente:
curl -fsSL https://rpm.nodesource.com/setup_current.x | bash -
Quindi, installa il pacchetto Node.js con il seguente comando:
dnf install nodejs -y
Una volta installato Node.js, verifica la versione di Node.js con il seguente comando:
node -v
Esempio di output:
v17.0.1
Puoi anche verificare la versione NPM utilizzando il comando seguente:
npm -v
Esempio di output:
8.1.0
Fase 3:installa Gulp.js
Innanzitutto, dovrai installare lo strumento CLI Gulp nel tuo sistema. Viene utilizzato per installare e gestire l'applicazione Gulp.
È possibile installare lo strumento CLI Gulp utilizzando il seguente comando:
npm install -g gulp-cli
Dopo l'installazione, crea una directory per l'applicazione Gulp:
mkdir gulp
Quindi, cambia la directory in gulp e crea un'applicazione gulp con il seguente comando:
cd gulp npm init
Ti verrà chiesto di fornire diverse domande per la tua nuova applicazione:
package name: (gulp) version: (1.0.0) description: entry point: (index.js) test command: git repository: keywords: author: license: (ISC) About to write to /root/gulp/package.json: { "name": "gulp", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" } Is this OK? (yes) yes
Quindi, esegui il seguente comando per installare il modulo Gulp:
npm install --save-dev gulp
Successivamente, verifica l'installazione di Gulp utilizzando il seguente comando:
gulp --version
Dovresti vedere il seguente output:
CLI version: 2.3.0 Local version: 4.0.2
Fase 4:crea un'applicazione Gulp
A questo punto Gulp è installato. Ora creiamo un'applicazione Gulp di esempio.
Innanzitutto, crea una directory di progetto utilizzando il seguente comando:
mkdir project
Quindi, cambia la directory in project e crea un'applicazione Gulp con il seguente comando:
cd project nano gulpfile.js
Aggiungi il seguente codice:
var gulp = require('gulp'); gulp.task('hello', function(done) { console.log('Hello World Application!!!'); done(); });
Salva e chiudi il file, quindi esegui l'applicazione Gulp utilizzando il comando seguente:
gulp hello
Otterrai il seguente output:
[13:55:46] Using gulpfile ~/gulp/project/gulpfile.js [13:55:46] Starting 'hello'... Hello World Application!!! [13:55:46] Finished 'hello' after 3.69 ms
Conclusione
Congratulazioni! Hai installato correttamente Gulp.js su Rocky Linux 8. Ora puoi utilizzare Gulp per automatizzare facilmente le attività ripetitive sul tuo server privato virtuale. Per ulteriori informazioni, visita la pagina della documentazione ufficiale di Gulp.js.