Cómo instalar Gulp.js en Ubuntu 20.04 LTS

5 mag 2021 2 min di lettura
Cómo instalar Gulp.js en Ubuntu 20.04 LTS
Indice dei contenuti

Introducción

Gulp es un kit de herramientas de JavaScript de código abierto desarrollado por Eric Schoffstall que ayuda a los desarrolladores a automatizar y mejorar el flujo de trabajo. Es un buen corredor de tareas de línea de comandos para aplicaciones Node.js. Gulp nos permite automatizar procesos y realizar tareas repetitivas con facilidad. Proporciona la función de transmitir el resultado de una actividad como entrada a la siguiente.

Este tutorial describe cómo instalar Gulp en sistemas Linux Ubuntu 20.04 LTS Focal Fossa.

Instalar Node.js

En primer lugar, debe instalar node.js en su sistema. Use el siguiente conjunto de comandos para agregar node.js PPA a su sistema Ubuntu e instálelo.

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

Asegúrese de haber instalado correctamente node.js y NPM en su sistema

node --version 
npm --version 

Cree una aplicación de muestra con NPM

Gulp se puede utilizar fácilmente en la aplicación existente de Node.js. Solo necesita instalar el paquete Gulp para Node.js en su proyecto. Para este tutorial, estoy creando una aplicación Node.js de muestra con NPM.

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

Este comando solicitará la información necesaria para inicializar un nuevo proyecto vacío en el directorio actual.

Ingrese todos los detalles requeridos para su aplicación. Eventualmente, le mostrará los detalles que ingresó y le pedirá que confirme.

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)

Simplemente presione Entrar para guardar todos los detalles en el archivo package.json.

Instalar Gulp en Ubuntu

Una vez que tenga una aplicación node.js. Utilice los siguientes comandos para instalar Gulp CLI globalmente en su sistema.

npm install -g gulp-cli 

También instale el paquete gulp en su aplicación. Vaya al directorio de la aplicación y ejecute el siguiente comando.

npm install --save-dev gulp 

Listo, verifiquemos la versión instalada de Gulp CLI en su sistema y el módulo Gulp en su aplicación con el siguiente comando.

gulp --version 
CLI version: 2.2.0
Local version: 4.0.2

Ha instalado correctamente la herramienta Gulp CLI en su sistema.

Ejemplo de Gulp Hello World

Tiene el paquete gulp agregado a su aplicación y gulp-cli instalado en su sistema.

Cree un archivo gulpfile.js en el directorio raíz de la aplicación.

nano gulpfile.js 

Agregue un código de muestra del programa de muestra gulp hello world:

var gulp = require('gulp');

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

Guarde el archivo y cierre.

Luego ejecute la tarea gulp con el siguiente comando debajo de la aplicación.

gulp hello 

El comando anterior ejecutará la tarea gulp llamada "Hola". Al igual que con el código de ejemplo anterior, verá los siguientes resultados en la pantalla.

Conclusión

Este tutorial describe cómo instalar Gulp.js en un sistema Ubuntu 20.04 LTS Focal Fossa. Visite la página de documentación oficial para obtener más detalles sobre el desarrollo.

Support us with a

Successivamente, completa il checkout per l'accesso completo a Noviello.it.
Bentornato! Accesso eseguito correttamente.
Ti sei abbonato con successo a Noviello.it.
Successo! Il tuo account è completamente attivato, ora hai accesso a tutti i contenuti.
Operazione riuscita. Le tue informazioni di fatturazione sono state aggiornate.
La tua fatturazione non è stata aggiornata.