Как установить Gulp.js на Ubuntu 20.04 LTS

Введение

Gulp — это набор инструментов JavaScript с открытым исходным кодом, разработанный Эриком Шоффстоллом, который помогает разработчикам автоматизировать и улучшить рабочий процесс. Это хороший инструмент для запуска задач из командной строки для приложений Node.js. Gulp позволяет нам автоматизировать процессы и с легкостью выполнять повторяющиеся задачи. Предоставляет функцию передачи результатов одного действия в качестве входных данных для следующего.

В этом руководстве описывается, как установить Gulp в системах Linux Ubuntu 20.04 LTS Focal Fossa.

Если вы хотите установить Gulp на удаленный сервер, продолжайте читать, в противном случае пропустите первый абзац «Подключение к серверу» и читайте следующий.

Подключение к серверу

Чтобы получить доступ к серверу, вам нужно знать IP-адрес. Вам также потребуется ваше имя пользователя и пароль для аутентификации. Чтобы подключиться к серверу как root, введите следующую команду:

ssh root@IP_DEL_SERVER

Далее вам нужно будет ввести пароль пользователя root.

Если вы не используете пользователя root, вы можете войти в систему с другим именем пользователя, используя ту же команду, а затем изменить root на свое имя пользователя:

ssh nome_utente@IP_DEL_SERVER

Затем вам будет предложено ввести пароль пользователя.

Стандартный порт для подключения по ssh — 22, если ваш сервер использует другой порт, вам нужно будет указать его с помощью параметра -p, затем введите следующую команду:

ssh nome_utente@IP_DEL_SERVER -p PORTA

Установите 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

Создайте образец приложения с помощью 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 Noviello",
 "main": "index.js",
 "scripts": {
 "test": "echo \"Error: no test specified\" && exit 1"
 },
 "keywords": [
 "gulp",
 "app"
 ],
 "author": "Noviello",
 "license": "ISC"
 }


 Is this OK? (yes)

Просто нажмите Enter, чтобы сохранить все данные в файле package.json.

Установите Gulp на Ubuntu

Если у вас есть приложение node.js. Используйте следующие команды для глобальной установки 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 в своей системе.

Пример 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». Как и в приведенном выше примере кода, вы увидите на экране следующие результаты.

Вывод

В этом руководстве описывается, как установить Gulp.js в системе Ubuntu 20.04 LTS Focal Fossa. Посетите официальную страницу документации для получения более подробной информации о разработке.