Si utilizas en tu día a día Visual Studio Code, una extensión muy interesante primordial es instalar Prettier.

Prettier se usa para formatear el código y que tu código se vea limpio y ordenado a lo largo de los ficheros de tu proyecto.

Prettier en VS Code

Algunas de las configuraciones de Prettier más habituales son:

  • Utilizar comillas simples o dobles

  • Que al final de la línea se elimine el punto y coma

  • Usar espacios o tabs para indentar código (la sangría)

Opciones de prettier en VS Code

Pero a pesar de que se marquen estas opciones, Prettier, parece que no funciona.

Esto es porque Prettier no es el formateador de código por defecto, por ello se va a configurar.

Configurar Prettier como formateador de código por defecto

Pulsa en tu Visual Studio Code la combinación de teclas Control + Shift+ P.

Esto abrirá en la parte superior central un desplegable y un buscador.

Escribe: Preferenes: Open User Settings (JSON) y selecciona esa opción para ver esa configuración.

Preferencias del usuario en VS CODE

Ahora tan solo debes añadir este código a lo que ya tengas,

Copiar

Imporante, este fichero debe empezar por una llave , cuidado de no macharcar todo, esto es un ejemplo de fichero correcto:

Copiar

Tras guardar el fichero podemos acudir a un fichero para comprobar que Prettier ya formatea correctamente nuestros ficheros.

¡Valora este artículo y ayúdame a mejorar la calidad del blog, si no te ha servido, déjame un comentario para revisarlo!
(Votos: 0 Promedio: 0)