Prettier es una solución de formato de código automático que es compatible con varios lenguajes de programación y desarrollo.
Recién llegado a la versión 2.8, Prettier es un formateador de código; es decir, una plataforma que permite formatear automáticamente los códigos fuente proporcionando un estándar único para ser adoptado por los equipos de desarrolladores.
El proyecto fue creado precisamente para este propósito. Cuando varias personas participan en el mismo proyecto, es difícil encontrar un criterio de formato en el que todos estén de acuerdo.
Mejores extensiones de Visual Studio Code para Desarrolladores Web
Prettier permite evitar largas discusiones sobre este tema, proponiendo un estilo válido para todos los usuarios involucrados.
Ayuda de formato en varios lenguajes
Entre las ventajas de Prettier está sobre todo el soporte para numerosos lenguajes de desarrollo y programación.
Por ejemplo, puedes formatear códigos escritos en JavaScript o variantes como TypeScript, Flow o JSON (notación de objetos de JavaScript), HTML, CSS (incluidos Less y SCSS), Markdown y YALM.
Guía Markdown: Qué es, para qué sirve y cómo funciona este importante lenguaje de marcado
También existen extensiones oficiales o comunitarias que te permiten obtener el mismo resultado con Java, PHP, Rust, Kotlin, XML o Ruby así como para algunos de los frameworks más utilizados como Angular, Vue o Ember.
Integración con los editores de código más importantes
Otra ventaja de Prettier, es el soporte que se ofrece para los editores de código más utilizados por los programadores, con extensiones disponibles para Visual Studio, Visual Studio Code, WebStorm, Emacs, Vim, Sublime Text, Atom, Nova o Espresso.
¿Cómo funciona Prettier?
En el sitio oficial del proyecto Prettier puedes acceder a una demostración en línea de su interfaz.
15 Mejores Software Alternativos para Crear Repositorios de Favoritos
En la demostración vas a ver tres columnas: La primera -a la izquierda- te permite establecer las preferencias de formato, la segunda está destinada a alojar el código a formatear y la tercera, te devuelve el código formateado.
Cuando quieras completar la tercera columna, simplemente tienes que hacer clic en el botón de “Guardar” y la plataforma se encargará automáticamente de generar la salida.
¿Cómo instalar Prettier?
Es posible instalar Prettier tanto a través de npm como de yarn, el repositorio de Prettier se encuentra disponible gratuitamente desde GitHub.
Puedes encontrar Prettier en los diferentes repositorios de extensiones de los editores más relevantes, o bien, seguir las instrucciones para instalarlo desde npm.