Más bonito y embellecido | Programar Plus

Aww, qué lindo título de publicación de blog, ¿verdad?

Prettier es un “formateador de código obstinado”. Recomiendo encarecidamente usarlo. Tienen un documento que profundiza en las razones, pero sus tres viñetas de marketing lo dicen mejor:

  • Presiona guardar y el código se formatea
  • No es necesario discutir el estilo en la revisión del código
  • Te ahorra tiempo y energía

Pero Prettier no hace todos los idiomas. Especialmente HTML. Es genial en JSX, y me he acostumbrado mucho a disfrutarlo. Pero luego, cuando cambio a Rails .erb plantilla o un sitio de WordPress donde estoy editando una .php archivo, o incluso un simple viejo .html archivo … no más bonito.

Tienen una rama de desarrollo para ello, pero todavía no lo he probado. Por ahora, me vi obligado a probar una herramienta de embellecimiento de HTML que ha estado disponible y a través del timbre. El complemento Beautify de VS Code lo hace y tiene 6.5 millones de instalaciones, por lo que parecía una buena apuesta.

Al usar este complemento, eso significa que puede configurarlo, en lugar de usar la versión interna de VS Code, que aparentemente no es configurable.

El problema es…

La primera vez que probé esto, descubrí que hacía que mi Prettier dejara de funcionar. Eso fue inaceptable para mí, ya que quiero que Prettier sea el formateador de máxima prioridad. No estoy seguro de si estaba ejecutando a ambos pero colocando a Prettier en último lugar, si estaba ejecutando Beautify solo, o exactamente qué, pero no pude entenderlo en ese momento.

¡El truco para mí era decirle que solo se preocupara por ciertos tipos de archivos!

En mi settings.json:

{
 ...

  "beautify.language": {
    "html": ["html", "php", "erb"],
    "css": [],
    "js": []
  }
}

Ahora puedo tener a Prettier haciendo todos los lenguajes que hace, y recurrir a Beautify para las cosas HTML que Prettier aún no hace. Hasta ahora tan bueno.