Formatea tu código con Prettier

Prettier es un formateador de código obstinado. Es una excelente manera de mantener el código formateado de manera uniforme para usted y su equipo, y admite muchos idiomas diferentes listos para usar

Introducción a Prettier

Prettier es un formateador de código obstinado.

Prettier logo

Admite una gran cantidad de sintaxis diferentes listas para usar, que incluyen:

y concomplementospuede usarlo para Python, PHP, Swift, Ruby, Java y más.

Se integra con los editores de código más populares, incluidos VS Code, Sublime Text, Atom y más.

Prettier es muy popular, ya que en febrero de 2018 se descargó más de 3,5 millones de veces.

Los enlaces más importantes que necesita para saber más sobre Prettier son

Menos opciones

Aprendí Go recientemente y una de las mejores cosas de Go esgofmt, una herramienta oficial que formatea automáticamente su código de acuerdo con estándares comunes.

El 95% (estadística inventada) del código Go se ve exactamente igual, porque esta herramienta se puede aplicar fácilmente y dado que el estilo lo definen los mantenedores de Go, es mucho más probable que se adapte a ese estándar en lugar de insistir a tu propio estilo. Como tabulaciones frente a espacios, o dónde poner un corchete de apertura.

Esto puede parecer una limitación, pero en realidad es muy poderoso. Todo el código de Go tiene el mismo aspecto.

Más bonita es lagofmtpara el resto del mundo.

Tiene muy pocas opciones yla mayoría de las decisiones ya están tomadas por tipara que pueda dejar de discutir sobre estilo y pequeñas cosas y concentrarse en su código.

Diferencia con ESLint

ESLintes un linter, no solo formatea, sino que también resalta algunos errores gracias a su análisis estático del código.

Es una herramienta invaluable y se puede usar junto con Prettier.

ESLint también destaca los problemas de formato, pero como es mucho más configurable, todos pueden tener un conjunto diferente de reglas de formato. Prettier proporciona un terreno común para todos.

Ahora, hay algunas cosas que puede personalizar, como:

  • el ancho de la pestaña
  • el uso de comillas simples frente a comillas dobles
  • el número de columnas de línea
  • el uso de comas finales

y algunos otros, pero Prettier intenta mantener bajo control el número de esas personalizaciones para evitar que se vuelvan demasiado personalizables.

Instalación

Prettier puede ejecutarse desde la línea de comando y puedes instalarlo usandoHiloonpm.

Otro gran caso de uso para Prettier es ejecutarlo en PR para suGitrepositorios, por ejemplo enGitHub.

Si usa un editor compatible, lo mejor es usar Prettier directamente desde el editor, y el formato Prettier se ejecutará cada vez que guarde.

Por ejemplo, aquí está la extensión Prettier para VS Code:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Más bonita para principiantes

Si cree que Prettier es solo para equipos o para usuarios profesionales, se está perdiendo una buena propuesta de valor de esta herramienta.

Un buen estilo refuerza los buenos hábitos.

El formato es un tema que los principiantes suelen pasar por alto, pero tener un formato limpio y coherente es clave para el éxito como nuevo desarrollador.

Además, incluso si comenzaste a usarJavaScriptHace 2 semanas, con Prettier, su código, en cuanto al estilo, se verá como el código escrito por un gurú de JavaScript que escribe JS desde 1998.


Más tutoriales de devtools: