Hoppa till innehåll

Flow Formatter

Formatera Flow-typad JavaScript med den här Flow Formatter. Klistra in kod med typalias, exakta objekttyper, annoterade funktioner eller pragma-direktivet @flow, så formaterar verktyget om den token för token med två blankstegs indrag, mellanrum runt typannoteringar och operatorer, semikolon i slutet av satser och tätt placerade klamrar runt exakta objekttyper. Användbart för utvecklare som underhåller Flow-kodbaser och vill ha välformaterade kodsnuttar för granskningar, migreringar och dokumentation.

Återställ

Vanliga frågor

Hur fungerar Flow Formatter?

Den delar upp koden i token som klamrar, semikolon, operatorer, strängar och kommentarer och bygger upp layouten igen utifrån dem. Block får två blankstegs indrag, satser avslutas med semikolon och operatorer får konsekventa mellanrum.

Hur formateras exakta objekttyper?

I exakta objekttyper placeras lodstrecken direkt intill klamrarna, med ett blanksteg innanför, till exempel type Props = {| name: string, age: number |}. Mellanrum efter kolon och kommatecken inom typen normaliseras.

Bevaras kommentaren @flow?

Ja, pragma-direktivet // @flow och alla andra rad- och blockkommentarer bevaras. En radkommentar avslutar alltid sin rad, så efterföljande kod börjar på en ny rad.

Typkontrollerar formateraren min kod?

Nej, den varken kör Flow eller validerar syntaxen, så den formaterar även ofullständiga kodsnuttar. Kör flow check i ditt projekt för att hitta typfel.

Bevaras generiska typer och typparametrar?

Ja, vinkelparenteser i typer som Array<string> eller Map<K, V> hålls reda på så att de inte misstas för jämförelseoperatorer. Mellanrum efter kommatecken inom dem normaliseras.

Kan jag ändra indragets bredd?

Nej, utdata använder alltid två blanksteg och det finns inga stilalternativ. Det gör formateringen konsekvent mellan körningar och teammedlemmar.

Ändras strängar?

Nej, strängliteraler, mallsträngar och reguljära uttryck kopieras exakt som de är skrivna. Bara blankstegen mellan token ändras.

Varför omges utdata av en javascript-kodram?

Flow är typat JavaScript, så resultatet returneras som ett Markdown-kodblock märkt javascript, som de flesta syntaxmarkerare återger korrekt. Kopiera raderna mellan avgränsarna till din .js- eller .flow-fil.

Ändrar formateringen vad min kod gör?

Verktyget ordnar bara om blanksteg och lägger till semikolon i slutet av satser. Kontrollera resultatet om koden är beroende av rader utan semikolon som börjar med en parentes eller hakparentes.

Hur mycket kod kan jag formatera?

Upp till 5 MB kod per körning; större indata avvisas med ett meddelande. Resultatet är identiskt med Flow-alternativet i Code Formatter.

Om OneClick Pro

OneClick Pro är en kostnadsfri samling med mer än 150 webbverktyg för det dagliga arbetet: konvertera bilder och enheter, formatera och validera kod, kontrollera domäner och SEO samt arbeta med text, datum och tal. Alla verktyg fungerar utan registrering eller prenumeration, och det du anger används bara för att beräkna resultatet och sparas aldrig. Använd samlingen som en snabb verktygslåda för enstaka uppgifter eller bokmärk verktygen du använder varje dag.