¿Qué es Prettier?

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

Prettier es un formateador de código con opiniones definidas que admite:

• JavaScript (incluyendo características experimentales)

• JSX

• Angular

• Vue

• Flow

• TypeScript

• CSS, Less y SCSS

• HTML

• Ember/Handlebars

• JSON

• GraphQL

• Markdown, incluyendo GFM y MDX v1

• YAML

Elimina todo el estilo original* y garantiza que el código generado siga un estilo consistente. (Consulta esta entrada de blog)

Prettier toma tu código y lo reformatea desde cero considerando la longitud de línea.

Por ejemplo, considera el siguiente código:

foo(arg1, arg2, arg3, arg4);

Si cabe en una sola línea, permanecerá así. Sin embargo, todos hemos enfrentado esta situación:

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

De repente, nuestro formato anterior para llamar funciones falla porque es demasiado largo. Prettier se encargará de reformatearlo meticulosamente por ti:

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne(),
);

Prettier impone un estilo de código consistente (es decir, formato que no afecta el AST) en toda tu base de código porque ignora el estilo original* al analizarlo y reimprimir el AST analizado con sus propias reglas que consideran el ancho máximo de línea, ajustando el código cuando es necesario.

Si quieres aprender más, estas dos charlas de conferencias son excelentes introducciones:

Notas al pie

* En realidad, se preserva algo del estilo original cuando es práctico—consulta líneas vacías y objetos multilínea.