Gulp je bezplatný, open-source, multiplatformní JavaScriptový nástroj, který vám pomůže automatizovat časově náročné úkoly ve vašem vývojovém pracovním postupu. Je postaven na Node.js a NPM, které se používají ke snížení množství času na vývoj a pozornosti potřebné pro úkoly, jako jsou úpravy a optimalizace. Pomáhá vývojářům spouštět front-endové úlohy a rozsáhlé webové aplikace.
V tomto příspěvku vám ukážeme, jak nainstalovat Gulp.js na Rocky Linux 8.
Předpoklady
- Server se systémem RockyLinux 8 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 Rocky Linux 8 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 na svůj server, spusťte následující příkaz a aktualizujte svůj základní systém nejnovějšími dostupnými balíčky.
dnf update -y
Krok 2 – Nainstalujte Node.js na Rocky Linux 8
Gulp je založen na Node.js a NPM, takže budete muset nainstalovat oba balíčky do vašeho systému.
Nejprve nainstalujte balíček curl pomocí následujícího příkazu:
dnf install curl -y
Dále přidejte zdrojové úložiště Node pomocí následujícího příkazu:
curl -fsSL https://rpm.nodesource.com/setup_current.x | bash -
Dále nainstalujte balíček Node.js pomocí následujícího příkazu:
dnf install nodejs -y
Po instalaci Node.js ověřte verzi Node.js pomocí následujícího příkazu:
node -v
Ukázkový výstup:
v17.0.1
Verzi NPM můžete také ověřit pomocí následujícího příkazu:
npm -v
Ukázkový výstup:
8.1.0
Krok 3 – Instalace Gulp.js
Nejprve budete muset do svého systému nainstalovat nástroj Gulp CLI. Používá se k instalaci a správě aplikace Gulp.
Nástroj Gulp CLI můžete nainstalovat pomocí následujícího příkazu:
npm install -g gulp-cli
Po instalaci vytvořte adresář pro aplikaci Gulp:
mkdir gulp
Dále změňte adresář na gulp a vytvořte aplikaci gulp pomocí následujícího příkazu:
cd gulp npm init
Budete požádáni o zadání několika otázek pro vaši novou aplikaci:
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
Dále spusťte následující příkaz pro instalaci modulu Gulp:
npm install --save-dev gulp
Dále ověřte instalaci 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 4 – Vytvořte aplikaci Gulp
V tomto okamžiku je nainstalován Gulp. Nyní vytvoříme ukázkovou aplikaci Gulp.
Nejprve vytvořte adresář projektu pomocí následujícího příkazu:
mkdir project
Dále změňte adresář na projekt a vytvořte aplikaci Gulp pomocí následujícího příkazu:
cd project nano gulpfile.js
Přidejte následující kód:
var gulp = require('gulp');
gulp.task('hello', function(done) {
console.log('Hello World Application!!!');
done();
});
Uložte a zavřete soubor a poté spusťte aplikaci Gulp pomocí následujícího příkazu:
gulp hello
Získáte následující výstup:
[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
Závěr
Gratulujeme! Úspěšně jste nainstalovali Gulp.js na Rocky Linux 8. Nyní můžete Gulp používat k snadné automatizaci opakujících se úloh na vašem virtuálním privátním serveru. Další informace naleznete na oficiální stránce dokumentace Gulp.js.