Přejít k obsahu

Flow Formatter

Formátujte typovaný kód JavaScript pomocí tohoto Flow Formatteru. Vložte kód s aliasy typů, přesnými typy objektů, anotovanými funkcemi nebo direktivou @flow a nástroj jej znovu uspořádá token po tokenu: použije odsazení dvěma mezerami, mezery u anotací typů a operátorů, středníky na koncích příkazů a těsné závorky přesných objektů. Hodí se vývojářům, kteří udržují kódové základny Flow a chtějí mít přehledné úryvky pro kontrolu, migrace a dokumentaci.

Obnovit

Často kladené otázky

Jak funguje Flow Formatter?

Rozdělí váš kód na tokeny, například složené závorky, středníky, operátory, řetězce a komentáře, a podle nich znovu sestaví jeho rozvržení. Bloky odsazuje dvěma mezerami, příkazy ukončuje středníky a kolem operátorů používá jednotné mezery.

Jak se formátují přesné typy objektů?

U přesných typů objektů zůstávají svislé čáry těsně u závorek a uvnitř je mezera, například type Props = {| name: string, age: number |}. Mezery za dvojtečkami a čárkami uvnitř typu se sjednotí.

Zůstane zachován komentář @flow?

Ano, direktiva // @flow i všechny ostatní řádkové a blokové komentáře zůstávají zachovány. Řádkový komentář vždy ukončí řádek, takže následující kód začne na novém řádku.

Kontroluje formátovač typy v mém kódu?

Ne, nespouští Flow ani neověřuje syntaxi, takže formátuje i neúplné úryvky. Chcete-li najít chyby typů, spusťte ve svém projektu flow check.

Zachovají se generické typy a parametry typů?

Ano, úhlové závorky v typech, například Array<string> nebo Map<K, V>, se rozpoznávají, aby nebyly zaměněny za operátory porovnání. Mezery za čárkami uvnitř závorek se sjednotí.

Mohu změnit šířku odsazení?

Ne, výstup vždy používá dvě mezery a nejsou k dispozici žádné možnosti stylu. Díky tomu zůstává formátování konzistentní mezi jednotlivými spuštěními i členy týmu.

Mění se řetězce?

Ne, řetězcové literály, šablonové literály a regulární výrazy se kopírují přesně tak, jak jsou zapsány. Mění se pouze mezery mezi tokeny.

Proč je výstup uzavřen v bloku označeném jako javascript?

Flow je typovaný kód JavaScript, takže se výsledek vrací jako blok kódu Markdown označený jako javascript, který většina zvýrazňovačů syntaxe zobrazí správně. Pro soubor .js nebo .flow zkopírujte řádky mezi značkami bloku.

Změní formátování chování mého kódu?

Nástroj pouze mění rozmístění mezer a přidává středníky na konce příkazů. Zkontrolujte výsledek, pokud váš kód závisí na řádcích bez středníků, které začínají závorkou nebo hranatou závorkou.

Kolik kódu mohu naformátovat?

Až 5 MB kódu na jedno spuštění; větší vstup se odmítne se zprávou. Výsledek je totožný s možností Flow v Code Formatteru.

O OneClick Pro

OneClick Pro je bezplatná kolekce více než 150 webových nástrojů pro každodenní práci: převod obrázků a jednotek, formátování a ověřování kódu, kontrolu domén a SEO i práci s textem, daty a čísly. Každý nástroj funguje bez registrace či předplatného a zadané údaje se používají pouze k výpočtu výsledku a nikdy se neukládají. Používejte ji jako rychlou sadu nástrojů pro jednorázové úkoly nebo si uložte do záložek nástroje, na které se každý den spoléháte.