Aprende Inglés, Programación, AI y Ciberseguridad.

Antes:$249

Currency
$209
Suscríbete

Termina en:

03d

10h

02m

19s

3

Usando colores en nuestras aplicaciones de Node.js

Introducción

¡Hola tú! A pesar de este ser un curso de fundamentos de Node.js, es un curso bastante completo que abarca temas muy interesantes, ¿Pero qué te parece si le añadimos un poquito de “sabor” a las aplicaciones de línea de comandos que podamos crear con Node.js? Con Node.js puedes crear desde una aplicación CLI que introduciendo el nombre de una ciudad o de un lugar, te indique como está el clima en esta , aplicaciones de escritorio con Electrón hasta aplicaciones que sean todo un backend para una aplicación web, ¿Por qué no probamos a añadirle unos colores a los mensajes de consola que vemos en Node.js?

Para esto haremos uso de colors, puedes ver la documentación oficial aquí: https://www.npmjs.com/package/colors , como puedes ver, suele tener una alta cantidad de descargas semanalmente:

Descarga colors NPM.png

Todo muy bien, ¿Pero cómo se usa?

Para empezar, voy a realizar la creación de un mini proyecto solo para mostrarte el uso, empezamos con la creación de un folder con su respectiva inicialización NPM y la creación de un index.js:
Npm init.png
Recuerda que NPM se inicializa con:

npm init

Y para instalar el paquete de colores es con:

npm i colors

ó

npm install colors

Ya instalado, debería de aparecer la versión del paquete en el archivo package.json:
3- packaje.png
¡ Y listo ! Ya solo nos queda aplicarlo, recomiendo mucho revisar la documentación ya que puedes aplicar esta libreria de varias formas dependiendo de tu código, en este pequeño tutorial te mostraré dos formas de hacerlo con un ¡BONUS!

Importandolo como… ¿JS común o como módulo ECMA?

Puedes hacerlo de ambas formas, te mostraré como hacerlo primero con sintaxis de node, vamos a empezar con

const colors = require("colors");
console.log("Hola, estoy de color azúl".blue);

Y listo, deberías de poder ver al imprimir por consola el console.log en azúl:
4- commonjs.png
¿Hay más formas? Sí, muchas, otra forma es añadiendo colors. al principio del mensaje, ejemplo:

const colors = require("colors");
console.log(colors.red.underline("Hola, estoy de color red ahora"));

De esta forma quizás pueda parecerte más fácil y de esta forma VSCODE no te mostrará “colors” como si no la estuvieras usando, pero ya es a preferencia de cada uno

¿Y como módulo ECMA6?

¡Fácil! Primero vamos a añadir la siguiente línea al package.json:

"type": "module"

Recuerda, esto solo se hace si usarás las importaciones como modulos, si añades esta línea de código al package.json y usas la sintaxis de require, te arrojará un error de require is not defined in ES module scope, you can use import instead; Ya cambiado el archivo package.json, usamos en vez el require, el siguiente código:

import "colors";console.log("Hola, estoy con los colores de la bandera de Estados Unidos".america);

Y tendremos como resultado lo siguiente:
5- america.png
Y así de fácil ya puedes hacer uso de los colores en tus aplicaciones con node

Bueno sí, ¿Y esto para que me sirve?

Ejemplo, podrás volver una aplicación de CLI más friendly con un usuario, mira por ejemplo esta aplicación:
6. example.png
¿A qué no es más amigable con los colores?

¿Y el bonus?

Cuando empecé a usar esta librería, tenía muchos problemas para usarla con los template strings, luego de una investigación, te dejaré a mano como usar los colores junto con los template strings, prueba con este código:

import colors from"colors";
const saludo = "Hola";
console.log(`Soy un template, ${saludo}`.bgRed);
console.log(`${"1. ".green} ¿Alguna idea en la que le puedas aplicar colors? por cierto, ${saludo.blue}`);

7. new example.png
Espero de todo corazón que te pueda servir de algo este tutorial, ¡Nos vemos!

Escribe tu comentario
+ 2