Asignando estilos al console.log sin bibliotecas de terceros

Publicado el 08.01.2022 a las 20:18

Asignando estilos al console.log sin bibliotecas de terceros

Asignando estilos al console.log sin bibliotecas de terceros

Dale estilo a tus mensajes por consola sin bibliotecas de terceros


Antes, para dar estilos a mis mensajes por consola utilizaba librerías como picocolors, pero ya no necesito liberías de tercero para hacerlo.

Lo que tienes que hacer es usar %c delante del mensaje que quieres que salga por consola y asignar como segundo argumento el código CSS que quieres aplicar.


Por ejemplo:

  • Si quieres que el mensaje por consola salga en rojo escribes:
    const redStyle:string="color:red";    
    console.log(`%c${console message}`,redStyle);
                  
  • ...

Hasta luego 🖖

Servicios

Software

IoT

Digitalización

Aplicaciones móviles

Consultoría

fjmduran.com v0.2.2