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.

Top comments (0)