Ugrás a tartalomhoz

Flow-formázó

Formázza Flow-típusozású JavaScript-kódját ezzel a Flow-formázóval. Illesszen be típusaliászokat, pontos objektumtípusokat, annotált függvényeket vagy @flow pragmát tartalmazó kódot, és az eszköz tokenenként újratördeli két szóközös behúzással, a típusannotációk és operátorok körüli szóközökkel, az utasítások végén pontosvesszőkkel, valamint szorosan illeszkedő pontos objektumzárójelekkel. Hasznos a Flow-kódbázisokat karbantartó fejlesztőknek, akik áttekintésekhez, migrációkhoz és dokumentációhoz szeretnének rendezett kódrészleteket.

Visszaállítás

Gyakran ismételt kérdések

Hogyan működik a Flow-formázó?

A kódot tokenekre, például kapcsos zárójelekre, pontosvesszőkre, operátorokra, karakterláncokra és megjegyzésekre bontja, majd ezekből építi fel újra az elrendezést. A blokkok behúzása két szóköz, az utasítások pontosvesszővel zárulnak, az operátorok pedig egységes térközt kapnak.

Hogyan formázza a pontos objektumtípusokat?

A pontos objektumtípusokban a függőleges vonalak közvetlenül a kapcsos zárójelek mellett maradnak, belül pedig egy szóköz van, például: type Props = {| name: string, age: number |}. A kettőspontok és a típuson belüli vesszők utáni szóközöket egységesíti.

Megmarad a @flow megjegyzés?

Igen, a // @flow pragma, valamint minden más sor- és blokkmegjegyzés megmarad. A sorvégi megjegyzés mindig lezárja a sort, ezért a következő kód új sorban kezdődik.

Ellenőrzi a formázó a kód típusait?

Nem, nem futtatja a Flow-t, és nem ellenőrzi a szintaxist, ezért a befejezetlen kódrészleteket is formázza. A típushibák felderítéséhez futtassa a flow check parancsot a projektjében.

Megmaradnak a generikusok és a típusparaméterek?

Igen, az Array<string> vagy Map<K, V> típusú típusok szögletes zárójeleit nyomon követi, így nem téveszti össze őket az összehasonlító operátorokkal. A bennük lévő vesszők utáni szóközöket egységesíti.

Módosíthatom a behúzás szélességét?

Nem, a kimenet mindig két szóközt használ, és nincsenek stílusbeállítások. Így a formázás futtatások között és a csapattagoknál is egységes marad.

Módosulnak a karakterláncok?

Nem, a karakterlánc-literálok, a sablonliterálok és a reguláris kifejezések pontosan az eredeti formájukban maradnak. Csak a tokenek közötti szóközök változnak.

Miért javascript kódkerítéssel van körülvéve a kimenet?

A Flow típusozott JavaScript, ezért az eredmény javascript jelölésű Markdown kódblokkban jelenik meg, amelyet a legtöbb szintaxiskiemelő helyesen jelenít meg. Másolja ki a kerítések közötti sorokat a .js vagy .flow fájljába.

Megváltoztatja a formázás a kódom működését?

Az eszköz csak átrendezi a szóközöket, és pontosvesszőket tesz az utasítások végére. Ellenőrizze az eredményt, ha a kódja olyan, pontosvessző nélküli soroktól függ, amelyek zárójellel vagy szögletes zárójellel kezdődnek.

Mennyi kódot formázhatok?

Futtatásonként legfeljebb 5 MB kódot; a nagyobb bemenetet üzenettel utasítja el. Az eredmény megegyezik a Code Formatter Flow beállításával.

A OneClick Pro névjegye

A OneClick Pro több mint 150 webes eszközből álló, ingyenes gyűjtemény a mindennapi munkához: képek és mértékegységek átalakításához, kód formázásához és ellenőrzéséhez, domainek és SEO ellenőrzéséhez, valamint szövegekkel, dátumokkal és számokkal végzett munkához. Minden eszköz regisztráció és előfizetés nélkül használható; a megadott adatokat kizárólag az eredmény kiszámításához használjuk, és soha nem tároljuk. Használja gyors eszköztárként az alkalmi feladatokhoz, vagy mentse el könyvjelzőként a mindennap használt eszközöket.