Gulp es un ejecutor de tareas de transmisión multiplataforma que permite a los desarrolladores automatizar muchas tareas de desarrollo. En un nivel alto, gulp lee archivos como flujos y canaliza los flujos a diferentes tareas. Estas tareas están basadas en código y utilizan complementos. Las tareas modifican los archivos, creando archivos de origen en archivos de producción. Para tener una idea de lo que puede hacer gulp, consulte la lista de recetas de gulp en GitHub.
Requisitos
Antes de instalar Gulp.js, primero necesitaremos algunas cosas.
- Un servidor con Ubuntu 20.04 o 18.04. Utilizo un servidor dedicado de Servidores giratorios .
- Unos 10 minutos y una taza de café o té caliente. Prefiero Chai de Vainilla con un chorrito de leche entera o almendras dependiendo de mi estado de ánimo ese día.
Paso 1:actualice su sistema
Lo primero es lo primero, siempre actualice su sistema antes de instalar cualquier software o realizar cambios. Para hacer esto, use este comando:
$ sudo apt-get upgrade
Paso 2:Instalar Node.js
Para instalar Gulp, primero necesitaremos instalar el repositorio Node.js.
$ curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash -
Instalar Node.js:
$ sudo apt-get install -y nodejs
Verificar versión:
$ node --version
Paso 4:Cree una aplicación de muestra con NPM
Cree un nuevo directorio de aplicaciones. Reemplace 'nombre de la aplicación' con el nombre que elija.
$ mkdir [app name]
Cambie al directorio que creó y cree la aplicación.
$ cd [app name]
$ npm init
Posteriormente, se le harán algunas preguntas sobre la aplicación.
Paso 5:Instalar Gulp.js
Instale Gulp.js usando la herramienta Gulp CLI.
$ npm install -g gulp-cli
Una vez que el instalador se lo indique, cambie la ruta del directorio al nombre de su aplicación.
$ cd /root/[app name]
$ npm install --save-dev gulp
Verifique la versión de Gulp.js.
$ gulp --version
Paso:crear una aplicación Gulp
Ahora podemos crear una aplicación Gulp de muestra. Use el siguiente comando para crear el archivo.
$ nano /root/[app name]/gulpfile.js
Agregue este contenido al archivo:
var gulp = require('gulp');
gulp.task('hello', function(done) {
console.log('Hello World!!!');
done();
});
Guarde y salga del archivo.
Ejecute la tarea Gulp.
$ gulp hello
¡Su aplicación Gulp.js ahora está en funcionamiento! :)