06Jun

Da formato automático a tus archivos de código

Prettier es un programa desarrollado sobre Javascript para poder automatizar el formato en archivos de código de múltiples lenguajes de programación, principalmente orientados hacia desarrollo web.

Los lenguajes que soporta son:

  • Javascript / Vue / Angular
  • Typescript
  • Flow
  • JSX
  • JSON / YAML
  • CSS / SCSS / LESS
  • Html
  • GraphQL
  • Markdown

Vamos a centrarnos en la instalación y uso del cliente de terminal (CLI)

Instalación

Podemos instalarlo de forma global si tenemos NodeJS instalado en nuestro sistema con NPM:

sudo npm install --g prettier

Podemos acceder a la ayuda del comando con la opción help:

prettier --help

Comprobación de Formato

Podemos antes de ejecutar el cambio de formato si hay formato por aplicar en el archivo o archivos de destino, eso podemos realizarlo con la opción check:

prettier --check "source/**/*.vue"

Nos indicará por consola si hay algún error de formato en el rango de archivos especificados o si por el contrario todo está correcto de formato.

Aplicando formato

Podemos aplicar formato sobre los archivos y sobrescribir los archivos originales con la opción write:

prettier --write "src/**/*.vue"

Podemos encontrar mas ejemplos y documentación sobre cada opción del CLI en la Documentación de CLI de Prettier.

Leave a comment