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.