Pesquisa de site

Instalando Gulp.js no CentOS/Fedora/Ubuntu/Debian

Nesta postagem do blog, mostrarei as etapas para instalar o Gulp.js no CentOS/Fedora/Ubuntu e no Debian Linux. Gulp é um kit de ferramentas que ajuda a automatizar tarefas dolorosas ou demoradas em seu fluxo de trabalho de desenvolvimento. Gulp tem integrações integradas em todos os principais IDEs para fácil uso com PHP, .NET, Node.js, Java etc.

Etapa 1: instalar o Node.js

O Gulp requer que o Node esteja instalado no sistema de hospedagem. Certifique-se de que ele esteja instalado em seu sistema antes de prosseguir para a etapa 2.

Veja nosso guia abaixo sobre a instalação de

  • Como executar várias versões do Node.js no Linux

Confirme o Node.js no sistema.

$ node -v
v20.9.0

Confirme também a versão instalada do npx.

$ npx --version
10.1.0

Etapa 2: instale o Gulp.js usando npm

Depois de instalar o Node.js, prossiga com a instalação do Gulp.js usando o gerenciador de pacotes NPM para Node

npm install --global gulp-cli

Isso fará com que o gulp esteja disponível globalmente no sistema.

Verifique suas versões do gulp:

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

Etapa 3: instalar as dependências do desenvolvedor

Para instalar o pacote gulp em suas dependências de desenvolvimento, faça como abaixo:

Crie um diretório de projeto:

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

Navegue até o diretório do projeto e crie o arquivo package.json 

cd project1
npm init

Isso irá guiá-lo ao dar ao seu projeto um nome, versão, descrição, etc. O exemplo de saída está abaixo:

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"
}

Instale o pacote gulp em suas dependências de desenvolvimento

npm install --save-dev gulp

Confira as versões do gulp:

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

Crie um arquivo gulp

Crie um arquivo chamado gulpfile.js na raiz do seu projeto:

vim gulpfile.js

Adicione estes conteúdos:

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

exports.default = defaultTask

Teste executando o comando gulp no diretório do seu projeto:

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

Para executar múltiplas tarefas, você pode usar gulp .

Artigos relacionados: