
Más bonita y embellecedora

Vaya, qué lindo título de publicación de blog, ¿verdad?
Prettier es un “formateador de código obstinado”. Recomendando encarecidamente su uso. Tienen un documento que profundiza en los motivos, pero sus tres puntos de marketing lo dicen mejor:
- Presionas guardar y el código se formatea.
- No es necesario discutir el estilo en la revisión del código.
- Ahorra tiempo y energía
Pero Prettier no habla todos los idiomas. Especialmente HTML. Es genial en JSX y realmente me he acostumbrado a disfrutarlo. Pero luego, cuando cambio a una .erb
plantilla de Rails o un sitio de WordPress donde estoy editando un .php
archivo, o incluso un archivo simple .html
… no Prettier.
Tienen una rama de desarrollo para ello, pero aún no lo he probado. Por ahora, me vi obligado a probar una herramienta de embellecimiento HTML que ha estado disponible y ha pasado desapercibida. El complemento VS Code Beautify lo hace y tiene 6,5 millones de instalaciones, por lo que parecía una buena apuesta.
Al usar este complemento, significa que puedes 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 mi Prettier dejaba de funcionar. Eso fue inaceptable para mí porque quiero que Prettier sea el formateador de máxima prioridad. No estoy seguro de si estaba ejecutando ambos pero colocando a Prettier al final, si estaba ejecutando Beautify solo, o exactamente qué, pero no pude entenderlo en ese momento.
¡El truco para mí fue decirme que solo se preocuparía por ciertos tipos de archivos!
En mi settings.json
:
{ ... "beautify.language": { "html": ["html", "php", "erb"], "css": [], "js": [] }}
Ahora puedo hacer que Prettier utilice todos los lenguajes que utiliza y recurrir a Beautify para las cosas HTML que Prettier aún no utiliza. Hasta ahora, todo bien.
Deja una respuesta