Поиск по сайту:

Установка Gulp.js на CentOS/Fedora/Ubuntu/Debian


В этом сообщении блога я расскажу вам, как установить Gulp.js в CentOS/Fedora/Ubuntu и Debian Linux. Gulp — это набор инструментов, который помогает автоматизировать болезненные или трудоемкие задачи в рабочем процессе разработки. Gulp имеет интеграцию, встроенную во все основные IDE для удобного использования с PHP, .NET, Node.js, Java и т. д.

Шаг 1. Установите Node.js

Gulp требует, чтобы Node был установлен в хостинговой системе. Прежде чем перейти к шагу 2, убедитесь, что он установлен в вашей системе.

См. наше руководство ниже по установке

  • Как запустить несколько версий Node.js в Linux

Подтвердите Node.js в системе.

$ node -v
v20.9.0

Также подтвердите установленную версию npx.

$ npx --version
10.1.0

Шаг 2. Установите Gulp.js с помощью npm.

После установки Node.js перейдите к установке Gulp.js с помощью менеджера пакетов NPM для Node.

npm install --global gulp-cli

Это сделает gulp доступным по всему миру в системе.

Проверьте свои версии gulp:

$ gulp --version
CLI version: 2.3.0
Local version: Unknown

Шаг 3. Установите в зависимости от разработки.

Чтобы установить пакет gulp в зависимости от разработки, сделайте это, как показано ниже:

Создайте каталог проекта:

$ npx mkdirp project1
Need to install the following packages:
[email 
Ok to proceed? (y) y

Перейдите в каталог проекта и создайте файл package.json.

cd project1
npm init

Это поможет вам присвоить проекту имя, версию, описание и т. д. Пример вывода приведен ниже:

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 json` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` 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: (project1) 
version: (1.0.0) 
description: My first Project
entry point: (index.js) 
test command: 
git repository: 
keywords: 
author: 
license: (ISC) 
About to write to /home/jmutai/project1/package.json:

{
  "name": "project1",
  "version": "1.0.0",
  "description": "My first Project",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

Установите пакет gulp в зависимости от разработки.

npm install --save-dev gulp

Проверьте версии gulp:

$ gulp --version
CLI version: 2.3.0
Local version: 4.0.2

Создать gulpfile

Создайте файл с именем gulpfile.js в корне вашего проекта:

vim gulpfile.js

Добавьте это содержимое:

function defaultTask(cb) {
  // place code for your default task here
  cb();
}

exports.default = defaultTask

Проверьте, запустив команду gulp в каталоге вашего проекта:

$ gulp
[02:41:28] Using gulpfile ~/project1/gulpfile.js
[02:41:28] Starting 'default'...
[02:41:28] Finished 'default' after 3.9 ms

Чтобы запустить несколько задач, вы можете использовать gulp .