Gulp es un conjunto de herramientas de software JavaScript de código abierto que lo ayuda a automatizar tareas dolorosas o que consumen mucho tiempo en su flujo de trabajo de desarrollo. Es multiplataforma y se puede integrar en todos los principales IDE. Puede usar Gulp con muchos lenguajes de programación, incluidos PHP, .NET, Node.js, Java y más.
En esta publicación, explicaremos cómo instalar Gulp js en Ubuntu 20.04 VPS.
Requisitos
- Un nuevo servidor Ubuntu 20.04 en Atlantic.Net Cloud Platform
- Una contraseña de root configurada en su servidor
Paso 1:crear el servidor en la nube de Atlantic.Net
Primero, inicie sesión en su servidor en la nube de Atlantic.Net. Cree un nuevo servidor, eligiendo Ubuntu 20.04 como sistema operativo con al menos 2 GB de RAM. Conéctese a su servidor en la nube a través de SSH e inicie sesión con las credenciales resaltadas en la parte superior de la página.
Una vez que haya iniciado sesión en su servidor Ubuntu 20.04, ejecute el siguiente comando para actualizar su sistema base con los últimos paquetes disponibles.
apt-get update -y
Paso 2:instalar las dependencias requeridas
Antes de comenzar, deberá instalar algunas dependencias en su servidor. Puede instalarlos todos con el siguiente comando:
apt-get install python3-software-properties gnupg2 curl wget -y
Una vez que todas las dependencias estén instaladas, puede proceder a instalar Node.js.
Paso 3:instalar Node.js
También deberá instalar Node.js antes de instalar Gulp. Primero, agregue el repositorio Node.js usando el siguiente comando:
curl -sL https://deb.nodesource.com/setup_14.x | bash -
A continuación, instale Node.js con el siguiente comando:
apt-get install nodejs -y
Una vez que Node.js esté instalado, verifique la versión instalada de Node.js con el siguiente comando:
node --version
Salida:
v14.17.0
También puede verificar la versión de NPM con el siguiente comando:
npm --version
Salida:
6.14.13
Paso 4:cree una aplicación de muestra con NPM
Primero, cree un nuevo directorio de aplicaciones con el siguiente comando:
mkdir project
A continuación, cambie el directorio al directorio del proyecto y cree una aplicación con el siguiente comando:
cd project npm init
Se le harán algunas preguntas para crear un archivo package.json:
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 init` for definitive documentation on these fields
and exactly what they do.
Use `npm install ` 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: (project)
version: (1.0.0)
description: My Gulp Project
entry point: (index.js)
test command: "echo "How Are You" && exit 1"
git repository:
keywords:
author: Admin
license: (ISC)
About to write to /root/project/package.json:
{
"name": "project",
"version": "1.0.0",
"description": "My Gulp Project",
"main": "index.js",
"scripts": {
"test": "\"echo \"How Are You\" && exit 1\""
},
"author": "Admin",
"license": "ISC"
}
Is this OK? (yes) Yes
Paso 5:instalar Gulp.js
A continuación, puede instalar la herramienta Gulp CLI con el siguiente comando:
npm install -g gulp-cli
Salida:
/usr/bin/gulp -> /usr/lib/node_modules/gulp-cli/bin/gulp.js + [email protected] added 252 packages from 165 contributors in 17.941s
Una vez que Gulp esté instalado, cambie el directorio al directorio de su proyecto e instale el paquete Gulp con el siguiente comando:
cd /root/project npm install --save-dev gulp
Ahora puede verificar la versión de Gulp con el siguiente comando:
gulp --version
Debería ver el siguiente resultado:
CLI version: 2.3.0 Local version: 4.0.2
Paso 6:crear una aplicación Gulp
A continuación, cree una aplicación Gulp de muestra con el siguiente comando:
nano /root/project/gulpfile.js
Agregue las siguientes líneas:
var gulp = require('gulp');
gulp.task('hello', function(done) {
console.log('Hello World!!!');
done();
});
Guarde y cierre el archivo, luego ejecute la tarea gulp con el siguiente comando:
gulp hello
Si todo está bien, debería obtener el siguiente resultado:
[09:11:28] Using gulpfile ~/project/gulpfile.js [09:11:28] Starting 'hello'... Hello World!!! [09:11:28] Finished 'hello' after 4.41 ms
Conclusión
¡Felicidades! Ha instalado Gulp con éxito en Ubuntu 20.04 VPS. Ahora puede crear su propia aplicación con Gulp. Para obtener más información, visite la documentación de Gulp.