Jak nainstalovat Gulp.js na Ubuntu 20.04

Gulp je open source softwarový nástroj pro JavaScript, který vám pomůže automatizovat bolestivé nebo časově náročné úkoly ve vašem vývojovém pracovním postupu. Je multiplatformní a lze jej integrovat do všech hlavních IDE. Gulp můžete používat s mnoha programovacími jazyky včetně PHP, .NET, Node.js, Java a dalších.

V tomto příspěvku vysvětlíme, jak nainstalovat Gulp js na Ubuntu 20.04 VPS.

Předpoklady

• Nový server Ubuntu 20.04 na cloudové platformě Atlantic.Net
• Heslo uživatele root nakonfigurované na vašem serveru

Krok 1 – Vytvořte cloudový server Atlantic.Net

Nejprve se přihlaste ke svému cloudovému serveru Atlantic.Net. Vytvořte nový server a jako operační systém vyberte Ubuntu 20.04 s alespoň 2 GB RAM. Připojte se ke svému cloudovému serveru přes SSH a přihlaste se pomocí přihlašovacích údajů zvýrazněných v horní části stránky.

Jakmile se přihlásíte ke svému serveru Ubuntu 20.04, spusťte následující příkaz a aktualizujte svůj základní systém nejnovějšími dostupnými balíčky.

apt-get update -y

Krok 2 – Instalace požadovaných závislostí

Než začnete, budete muset na váš server nainstalovat některé závislosti. Všechny je můžete nainstalovat pomocí následujícího příkazu:

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

Jakmile jsou všechny závislosti nainstalovány, můžete pokračovat v instalaci Node.js.

Krok 3 – Instalace Node.js

Před instalací Gulp budete také muset nainstalovat Node.js. Nejprve přidejte úložiště Node.js pomocí následujícího příkazu:

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

Dále nainstalujte Node.js pomocí následujícího příkazu:

apt-get install nodejs -y

Jakmile je Node.js nainstalován, ověřte nainstalovanou verzi Node.js pomocí následujícího příkazu:

node --version

Výstup:

v14.17.0

Verzi NPM můžete také ověřit pomocí následujícího příkazu:

npm --version

Výstup:

6.14.13

Krok 4 – Vytvořte vzorovou aplikaci s NPM

Nejprve vytvořte nový adresář aplikace pomocí následujícího příkazu:

mkdir project

Dále změňte adresář na adresář projektu a vytvořte aplikaci pomocí následujícího příkazu:

cd project
npm init

Budete požádáni o několik otázek k vytvoření souboru 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

Krok 5 – Instalace Gulp.js

Dále můžete nainstalovat nástroj Gulp CLI pomocí následujícího příkazu:

npm install -g gulp-cli

Výstup:

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

Jakmile je Gulp nainstalován, změňte adresář na adresář vašeho projektu a nainstalujte balíček gulp pomocí následujícího příkazu:

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

Nyní můžete ověřit verzi Gulp pomocí následujícího příkazu:

gulp --version

Měli byste vidět následující výstup:

CLI version: 2.3.0
Local version: 4.0.2

Krok 6 – Vytvořte aplikaci Gulp

Dále vytvořte ukázkovou aplikaci Gulp pomocí následujícího příkazu:

nano /root/project/gulpfile.js

Přidejte následující řádky:

var gulp = require('gulp');

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

Uložte a zavřete soubor a poté spusťte úlohu gulp pomocí následujícího příkazu:

gulp hello

Pokud je vše v pořádku, měli byste získat následující výstup:

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

Závěr

Gratulujeme! Úspěšně jste nainstalovali Gulp na Ubuntu 20.04 VPS. Nyní si můžete vytvořit svou vlastní aplikaci pomocí Gulp. Další informace naleznete v dokumentaci Gulp.