DEV Community

Marcelo Andrade R.
Marcelo Andrade R.

Posted on • Originally published at marceloandrader.github.io

Formatea tú código con prettier

Trabajas en equipo y pasas tiempo insistiendo en que coloquen los paréntesis donde te gusta, que el indentado del código sea como dicta cierto estándar, o tu mismo pasas tiempo en tu editor dándole formato al código para que sea agradable a la vista.

Bueno existe una herramienta que no puede pasarse por alto a la hora de desarrollar software, prettier te permite formatear el código con una línea de comandos o lo puedes configurar para que funcione dentro de tu editor, luego de guardar el archivo se formatee, también tiene opción de verificado automático del formato del código por si a alguien de tu equipo se le olvido ejecutar prettier antes de enviar sus commit al repositorio usando un pre-commit hook o ya en el repositorio con github actions.

Funciona en varios lenguajes de programación y tipos de archivos como: html, js, css, jsx, ts, json, less, sass, markdown, yaml y soporta adicionales a través de plugins.

Verificar formato en cierta carpeta:

prettier --check carpeta/con/codigo
Enter fullscreen mode Exit fullscreen mode

Formatear código desde la línea de comandos:

prettier --write carpeta/con/codigo
Enter fullscreen mode Exit fullscreen mode

Aquí puedes revisar la documentacion para obtener información adicional o activarlo en tu editor favorito.

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay