Vad är Prettier?

Inofficiell Beta-översättning

Denna sida har översatts av PageTurner AI (beta). Inte officiellt godkänd av projektet. Hittade du ett fel? Rapportera problem →

Prettier är en åsiktsdriven kodformaterare med stöd för:

JavaScript (inklusive experimentella funktioner)
JSX
Angular
Vue
Flow
TypeScript
CSS, Less och SCSS
HTML
Ember/Handlebars
JSON
GraphQL
Markdown, inklusive GFM och MDX v1
YAML

Den tar bort all ursprunglig formatering* och säkerställer att all utmatad kod följer en konsekvent stil. (Läs denna bloggpost)

Prettier tar din kod och skriver ut den på nytt från grunden med hänsyn till radlängden.

Till exempel, ta följande kod:

foo(arg1, arg2, arg3, arg4);

Den får plats på en enda rad så den kommer att förbli som den är. Men vi har alla stött på den här situationen:

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

Plötsligt bryter vårt tidigare format för funktionsanrop ihop eftersom detta är för långt. Prettier kommer att göra det mödosamma arbetet att skriva ut det så här åt dig:

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

Prettier tillämpar en konsekvent kodstil (dvs. kodformatering som inte påverkar AST:en) i hela din kodbas eftersom den ignorerar den ursprungliga formateringen* genom att tolka bort den och skriva ut den tolkade AST:en med sina egna regler som tar hänsyn till den maximala radlängden, och radbryter kod vid behov.

Om du vill lära dig mer är dessa två konferensföredrag bra introduktioner:

Fotnoter

* Egentligen bevaras viss ursprunglig formatering när det är praktiskt möjligt—se tomma rader och objekt med flera rader.

Fotnoter​

Fotnoter