Come installare Gulp.js su Ubuntu 20.04

Gulp è un toolkit software JavaScript open source che ti aiuta ad automatizzare attività dolorose o che richiedono tempo nel flusso di lavoro di sviluppo. È multipiattaforma e può essere integrato in tutti i principali IDE. Puoi utilizzare Gulp con molti linguaggi di programmazione inclusi PHP, .NET, Node.js, Java e altri.

In questo post spiegheremo come installare Gulp js su Ubuntu 20.04 VPS.

Prerequisiti

• Un nuovo server Ubuntu 20.04 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 Ubuntu 20.04 come sistema operativo con almeno 2GB di RAM. Collegati al tuo Cloud Server tramite SSH e accedi utilizzando le credenziali evidenziate in alto nella pagina.

Dopo aver effettuato l'accesso al tuo server Ubuntu 20.04, esegui il comando seguente per aggiornare il tuo sistema di base con gli ultimi pacchetti disponibili.

apt-get update -y

Passaggio 2:installazione delle dipendenze richieste

Prima di iniziare, dovrai installare alcune dipendenze sul tuo server. Puoi installarli tutti con il seguente comando:

apt-get install python3-software-properties gnupg2 curl wget -y

Una volta installate tutte le dipendenze, puoi procedere con l'installazione di Node.js.

Fase 3 – Installa Node.js

Dovrai anche installare Node.js prima di installare Gulp. Innanzitutto, aggiungi il repository Node.js utilizzando il seguente comando:

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

Quindi, installa Node.js con il seguente comando:

apt-get install nodejs -y

Una volta installato Node.js, verifica la versione installata di Node.js con il seguente comando:

node --version

Uscita:

v14.17.0

Puoi anche verificare la versione NPM con il seguente comando:

npm --version

Uscita:

6.14.13

Fase 4:crea un'applicazione di esempio con NPM

Innanzitutto, crea una nuova directory dell'applicazione con il seguente comando:

mkdir project

Quindi, cambia la directory nella directory del progetto e crea un'applicazione con il seguente comando:

cd project
npm init

Ti verranno poste alcune domande per creare un file package.json:

This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help init` for definitive documentation on these fields
and exactly what they do.

Use `npm install ` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (project) 
version: (1.0.0) 
description: My Gulp Project
entry point: (index.js) 
test command: "echo "How Are You" && exit 1"
git repository: 
keywords: 
author: Admin
license: (ISC) 
About to write to /root/project/package.json:

{
  "name": "project",
  "version": "1.0.0",
  "description": "My Gulp Project",
  "main": "index.js",
  "scripts": {
    "test": "\"echo \"How Are You\" && exit 1\""
  },
  "author": "Admin",
  "license": "ISC"
}


Is this OK? (yes) Yes

Passaggio 5:installa Gulp.js

Successivamente, puoi installare lo strumento CLI Gulp con il seguente comando:

npm install -g gulp-cli

Uscita:

/usr/bin/gulp -> /usr/lib/node_modules/gulp-cli/bin/gulp.js
+ [email protected]
added 252 packages from 165 contributors in 17.941s

Una volta installato Gulp, cambia la directory nella directory del tuo progetto e installa il pacchetto gulp con il seguente comando:

cd /root/project
npm install --save-dev gulp

Ora puoi verificare la versione di Gulp con il seguente comando:

gulp --version

Dovresti vedere il seguente output:

CLI version: 2.3.0
Local version: 4.0.2

Fase 6:crea un'applicazione Gulp

Quindi, crea un'applicazione Gulp di esempio con il seguente comando:

nano /root/project/gulpfile.js

Aggiungi le seguenti righe:

var gulp = require('gulp');

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

Salva e chiudi il file, quindi esegui l'attività gulp con il seguente comando:

gulp hello

Se tutto va bene, dovresti ottenere il seguente output:

[09:11:28] Using gulpfile ~/project/gulpfile.js
[09:11:28] Starting 'hello'...
Hello World!!!
[09:11:28] Finished 'hello' after 4.41 ms

Conclusione

Congratulazioni! Hai installato correttamente Gulp su Ubuntu 20.04 VPS. Ora puoi creare la tua applicazione con Gulp. Per ulteriori informazioni, visita la documentazione di Gulp.