Cambiar el color del código de JavaScript

Autor: | Última modificación: 11 de agosto de 2022 | Tiempo de Lectura: 2 minutos
Temas en este post:

Cada vez que creamos un proyecto de programación, nuestra forma de escribir código evoluciona. En este proceso, debemos encontrar maneras de que nuestro software se acomode a nuestras nuevas necesidades y una de estas formas es cambiar el color del código de JavaScript. Para ello, existen muchas librerías que nos permiten modificar nuestro entorno de trabajo y, en este post, te enseñaremos una forma de personalizar la terminal de tu software.

¿Cómo cambiar el color del código de JavaScript?

En nuestro post sobre cómo utilizar la herramienta Prettier en Visual Studio Code, hemos visto que podemos usar extensiones para organizar y estilizar nuestro código, haciéndolo más legible. Esta herramienta funciona para el editor de código, sin embargo, en este software también podemos estilizar el texto de la terminal interna.

Al ejecutar código de JavaScript en Visual Studio Code, obtenemos los elementos pintados por pantalla en la terminal interna de este software. Esta terminal pinta los distintos objetos en diversos colores, sobre los que, normalmente, no tenemos control. No obstante, con la ayuda de la librería Chalk.npm, podemos definir colores y estilos para los strings que se ejecutan en nuestra terminal.

Antes de usar Chalk, debemos importar esta librería en nuestro código usando la línea de código import chalk from ‘chalk’. Después de esto, podremos usar el comando chalk.color dentro de nuestro console.log para definir el color del string que vamos a pintar en pantalla. Esta librería pone a tu disposición colores en términos de palabras clave, RGB, hex y ansi256.

Además de ayudarnos a cambiar el color del código de JavaScript, la librería Chalk también tiene propiedades de estilo de texto, como bold, dim, italic e inverse, al igual que propiedades para cambiar el color de fondo. Te invitamos a conocer más sobre todas estas propiedades en su página oficial.

¿Por qué cambiar el color del código de JavaScript?

A la hora de insertar y utilizar librerías para personalizar tu software de programación, debes pensar en cómo te ayudan a ser más eficiente y entender tu código mejor. Puede que cambiar el color de código en JavaScript te ayude a encontrar elementos más fácilmente o a dividir y resaltar secciones. Para algunos, esto no es necesario y prefieren ahorrarse la importación de librerías que pueden hacer el código más pesado. Es una decisión completamente personal.

¿Qué sigue?

Tras leer este post, sabes exactamente cómo cambiar el color del código de JavaScript para crear una terminal personalizada, pero todavía queda mucho por conocer en el mundo de la programación y el desarrollo web. Por ello, te invitamos a nuestro Desarrollo Web Full Stack Bootcamp, donde te convertirás un experto en pocos meses. ¡Anímate a apuntarte!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Sabías que hay más de 40.000 vacantes para desarrolladores de software sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso! 

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!