"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > Estilo de consola en JavaScript con unos pocos kilobytes

Estilo de consola en JavaScript con unos pocos kilobytes

Publicado el 2024-08-01
Navegar:975

Console Styling in JavaScript with a few kilobytes

No sé ustedes , pero me gusta que los registros de mi consola en mis proyectos de JavaScript se vean bien. Y como no todos los terminales soportan emojis, ¿qué mejor manera tengo que colorear la salida de la consola?

Bueno, puedes hacerlo buscando en Google el código de escape ANSI para cada estilo de consola que desees. O tal vez memorice algunos de ellos de una página como W3Docs. Pero me encanta hacer que mis registros se vean bien, definitivamente no soy una persona que pueda memorizar muchas cosas y me gusta tener una forma que funcione en todas partes.

Bueno, normalmente solo uso registros de colores para JS, por lo que no necesito algo que funcione literalmente en todas partes. Pero al menos algo que funcione dondequiera que haya JavaScript involucrado.

Así que decidí escribir mi propio script que contenga todos los códigos de escape ANSI posibles que pueda necesitar, en forma de funciones. Pero luego me di cuenta de que sería molesto copiar el mismo guión una y otra vez en todos mis proyectos. Entonces, como persona que nunca trabajó con un comando npm además de npm i e init, decidí aprender más y crear un paquete NPM privado que podría simplemente instalar en mis proyectos (o clonar su repositorio GitHub para proyectos que no sean NodeJS).
No quería lidiar con la autenticación NPM cada vez que instalaba el paquete, así que lo hice público.

Y para eso estamos aquí hoy: javascript-console-styling es un paquete que creé para facilitarme este proceso.

De hecho, se han creado paquetes similares al mío antes (lo cual es un hecho del que solo me di cuenta después de hacerlo). Pero me di cuenta de que mi propia solución era aún mejor para mí o para cualquier persona como yo:

  • Mi paquete ocupaba solo 14 KB de espacio, según npm. Mientras que otros paquetes similares ocupaban hasta 50 veces la misma cantidad (más de 500 kilobytes). Aunque ambos pesan menos de un megabyte, es mejor tener un paquete más pequeño porque puedes administrar todos sus archivos fácilmente (o incluso bifurcarlo y modificarlo fácilmente si lo deseas)

  • Mi paquete podría anidar diferentes estilos y decoraciones ya que son funciones... E incluso si tiene una cadena con estilo completa que contiene una subcadena con un estilo diferente, entonces podría simplemente concatenar la subcadena (incluida la subcadena dentro la cadena principal impedirá que se apliquen los estilos posteriores debido al reinicio que realiza cada función de estilo)

  • Mi paquete tenía herramientas de prueba sencillas que mostraban todas las combinaciones posibles de colores y decoración para que los usuarios pudieran verificar su salida en su terminal (las funciones de prueba no están incluidas en el paquete predeterminado, pero están disponibles en la página de NPM y en GitHub)

Entonces, en general, prefiero usar mi propio código. Pero una parte de poseer un paquete público es asegurarse de que las personas sepan cómo puede ayudarlos, para que puedan elegir por sí mismos si lo necesitan.

No creo que este sea el último paquete de NPM que cree, ¡pero fue una buena manera de motivarme sobre todo el asunto de NPM!

Asegúrate de revisar el paquete y ¡feliz pirateo!

Declaración de liberación Este artículo se reproduce en: https://dev.to/proman4713/console-styling-in-javascript-with-a-few-kilobytes-2gjn?1 Si hay alguna infracción, comuníquese con [email protected] para eliminar él
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3