So installieren Sie Gulp.js unter Ubuntu 20.04

Gulp ist ein Open-Source-JavaScript-Software-Toolkit, mit dem Sie schmerzhafte oder zeitaufwändige Aufgaben in Ihrem Entwicklungsworkflow automatisieren können. Es ist plattformübergreifend und kann in alle wichtigen IDEs integriert werden. Sie können Gulp mit vielen Programmiersprachen verwenden, darunter PHP, .NET, Node.js, Java und mehr.

In diesem Beitrag erklären wir, wie man Gulp js auf Ubuntu 20.04 VPS installiert.

Voraussetzungen

• Ein frischer Ubuntu 20.04-Server auf der Atlantic.Net Cloud Platform
• Ein auf Ihrem Server konfiguriertes Root-Passwort

Schritt 1 – Atlantic.Net Cloud-Server erstellen

Melden Sie sich zunächst bei Ihrem Atlantic.Net Cloud Server an. Erstellen Sie einen neuen Server und wählen Sie Ubuntu 20.04 als Betriebssystem mit mindestens 2 GB RAM. Stellen Sie über SSH eine Verbindung zu Ihrem Cloud-Server her und melden Sie sich mit den oben auf der Seite hervorgehobenen Anmeldeinformationen an.

Sobald Sie sich bei Ihrem Ubuntu 20.04-Server angemeldet haben, führen Sie den folgenden Befehl aus, um Ihr Basissystem mit den neuesten verfügbaren Paketen zu aktualisieren.

apt-get update -y

Schritt 2 – Erforderliche Abhängigkeiten installieren

Bevor Sie beginnen, müssen Sie einige Abhängigkeiten auf Ihrem Server installieren. Sie können alle mit dem folgenden Befehl installieren:

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

Sobald alle Abhängigkeiten installiert sind, können Sie mit der Installation von Node.js fortfahren.

Schritt 3 – Node.js installieren

Sie müssen auch Node.js installieren, bevor Sie Gulp installieren. Fügen Sie zuerst das Node.js-Repository mit dem folgenden Befehl hinzu:

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

Als nächstes installieren Sie Node.js mit dem folgenden Befehl:

apt-get install nodejs -y

Überprüfen Sie nach der Installation von Node.js die installierte Version von Node.js mit dem folgenden Befehl:

node --version

Ausgabe:

v14.17.0

Sie können die NPM-Version auch mit dem folgenden Befehl überprüfen:

npm --version

Ausgabe:

6.14.13

Schritt 4 – Beispielanwendung mit NPM erstellen

Erstellen Sie zunächst ein neues Anwendungsverzeichnis mit dem folgenden Befehl:

mkdir project

Wechseln Sie als Nächstes in das Projektverzeichnis und erstellen Sie eine Anwendung mit dem folgenden Befehl:

cd project
npm init

Ihnen werden einige Fragen gestellt, um eine package.json-Datei zu erstellen:

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

Schritt 5 – Gulp.js installieren

Als Nächstes können Sie das Gulp-CLI-Tool mit dem folgenden Befehl installieren:

npm install -g gulp-cli

Ausgabe:

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

Sobald Gulp installiert ist, ändern Sie das Verzeichnis in Ihr Projektverzeichnis und installieren Sie das gulp-Paket mit dem folgenden Befehl:

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

Sie können jetzt die Gulp-Version mit dem folgenden Befehl überprüfen:

gulp --version

Sie sollten die folgende Ausgabe sehen:

CLI version: 2.3.0
Local version: 4.0.2

Schritt 6 – Gulp-Anwendung erstellen

Erstellen Sie als Nächstes eine Gulp-Beispielanwendung mit dem folgenden Befehl:

nano /root/project/gulpfile.js

Fügen Sie die folgenden Zeilen hinzu:

var gulp = require('gulp');

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

Speichern und schließen Sie die Datei und führen Sie dann die Gulp-Task mit dem folgenden Befehl aus:

gulp hello

Wenn alles in Ordnung ist, sollten Sie die folgende Ausgabe erhalten:

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

Schlussfolgerung

Herzliche Glückwünsche! Sie haben Gulp erfolgreich auf Ubuntu 20.04 VPS installiert. Sie können jetzt Ihre eigene Anwendung mit Gulp erstellen. Weitere Informationen finden Sie in der Gulp-Dokumentation.