Встановлення Gulp.js на Linux Mint 20.2

Gulp-це набір інструментів JavaScript з відкритим кодом, розроблений Еріком Шоффсталом, допомагає розробникам автоматизувати та покращити робочий процес. Це хороший запуск завдань командного рядка для програм Node.js. Gulp дозволить Вам автоматизувати процеси та з легкістю виконувати повторювані завдання. Він надає функцію виведення трубопроводів з одного завдання як вхідного сигналу до наступного.

У цьому посібнику описано, як встановити Gulp на системи Linux Mint 20.2 та Ubuntu 20.04, та тих дистрибутивах що основані на ньому.

Крок 1 – Встановлення Node.js

Перш за все, вам потрібно встановити node.js у вашій системі. Використовуйте наступний набір команд, щоб додати node.js через PPA до вашої системи Ubuntu та встановити його.

sudo apt install python-software-properties
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt install nodejs -y

Далі потрібно переконатися, що ви успішно встановили node.js та NPM у вашій системі  за допомогою команд

node --version 
npm --version

 

Крок 2 – Створіть папку для проекту з NPM

Gulp можна легко використовувати у вашій існуючій папці Node.js. Вам просто потрібно встановити пакет Gulp для Node.js у ваш проект. Для цієї  інструкції я створюю зразок проєкту Node.js з NPM.

mkdir gulp-project && cd gulp-project 
npm init

Цими командами ми створюємо каталог(папку) проекту і заходимо в нього. А другою командою ми проводим ініціалізацію нового порожнього проекту в поточному каталозі.

Введіть усі необхідні дані для вашої заявки. Наприкінці він покаже вам введену інформацію та попросить підтвердити.

About to write to /root/gulp-project/package.json:

{
  "name": "gulp-project",
  "version": "1.0.0",
  "description": "First gulp application by VitaliyMiletskiy",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "gulp",
    "app"
  ],
  "author": "VitaliyMiletskiy",
  "license": "ISC"
}


Is this OK? (yes)

Просто натисніть Enter, щоб зберегти всі деталі у файлі package.json.

Крок 3 – Встановлення Gulp на Linux Mint 20

Після того, як ми встановили node.js то переходим до встоновлення Gulp. Використовуйте наведені нижче команди, щоб глобально встановити Gulp CLI у вашій системі.

npm install -g gulp-cli

Також встановіть пакет gulp у своєму додатку. Перейдіть до каталогу проекту і виконайте наступну команду.

npm install --save-dev gulp

Все зроблено. Давайте перевіримо встановлену версію Gulp CLI у вашій системі та модуль Gulp у вашому проекті за допомогою наведеної нижче команди.

gulp --version

CLI version: 2.2.0
Local version: 4.0.2

Ви успішно встановили інструмент Gulp CLI у вашій системі.

Крок 4 – Приклад Gulp Hello World

Оскільки у вас є пакет gulp, додано вашу програму та встановлено gulp-cli у вашій системі.

Далі створіть gulpfile.js у кореневому каталозі проекту.

 

nano gulpfile.js

Додайте зразок коду прикладу програми gulp hello world.

var gulp = require('gulp');

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

Збережіть файл і закрийте.

Далі виконайте завдання gulp в терміналі

gulp hello

Наведена вище команда виконуватиме завдання gulp з назвою “hello”. Відповідно до наведеного вище прикладу коду, на екрані ви побачите такі результати.

vfreeman@vfreeman-Satellite-C55D-B:~/gulp-project$ gulp hello
[20:04:18] Using gulpfile ~/gulp-project/gulpfile.js
[20:04:18] Starting ‘hello’…
Hello World!!!
[20:04:18] Finished ‘hello’ after 13 ms
vfreeman@vfreeman-Satellite-C55D-B:~/gulp-project$

Висновок

У цій статьї описано, як встановити Gulp.js у системі Linux Mint 20.