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 .erbplantilla de Rails o un sitio de WordPress donde estoy editando un .phparchivo, 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.

SUSCRÍBETE A NUESTRO BOLETÍN 
No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Este sitio web utiliza cookies para mejorar tu experiencia mientras navegas por él. Este sitio web utiliza cookies para mejorar tu experiencia de usuario. Al continuar navegando, aceptas su uso. Mas informacion