Treci la conținut

Formator Flow

Formatați codul JavaScript tipizat Flow cu acest formator Flow. Lipiți cod cu aliasuri de tip, tipuri obiect exacte, funcții adnotate sau directiva @flow, iar instrumentul îl rearanjează token cu token, cu indentare de două spații, spațiere în jurul adnotărilor de tip și operatorilor, puncte și virgule la sfârșitul instrucțiunilor și acolade compacte pentru tipurile obiect exacte. Util pentru dezvoltatorii care întrețin baze de cod Flow și doresc fragmente ordonate pentru revizuiri, migrări și documentație.

Resetează

Întrebări frecvente

Cum funcționează formatorul Flow?

Împarte codul în tokenuri precum acolade, puncte și virgule, operatori, șiruri și comentarii, apoi reconstruiește aranjarea pe baza acestora. Blocurile sunt indentate cu două spații, instrucțiunile se încheie cu punct și virgulă, iar operatorii au spațiere uniformă.

Cum sunt formatate tipurile obiect exacte?

În cazul tipurilor obiect exacte, barele rămân lipite de acolade, cu un spațiu în interior, de exemplu type Props = {| name: string, age: number |}. Spațiile de după două puncte și virgule din tip sunt uniformizate.

Este păstrat comentariul @flow?

Da, directiva // @flow și toate celelalte comentarii de rând și de bloc sunt păstrate. Un comentariu de rând încheie întotdeauna rândul, astfel încât codul următor începe pe un rând nou.

Formatorul verifică tipurile din codul meu?

Nu, nu rulează Flow și nici nu validează sintaxa, așa că formatează și fragmente incomplete. Rulați flow check în proiect pentru a găsi erorile de tip.

Genericele și parametrii de tip sunt păstrați?

Da, parantezele unghiulare din tipuri precum Array<string> sau Map<K, V> sunt identificate, astfel încât să nu fie confundate cu operatorii de comparație. Spațierea de după virgulele din interior este uniformizată.

Pot schimba lățimea indentării?

Nu, rezultatul folosește întotdeauna două spații și nu există opțiuni de stil. Astfel, formatarea rămâne uniformă între rulări și între membrii echipei.

Șirurile sunt modificate?

Nu, șirurile literale, literalii de șablon și expresiile regulate sunt copiate exact așa cum au fost scrise. Se modifică doar spațiile albe dintre tokenuri.

De ce este rezultatul inclus într-un bloc de cod javascript?

Flow este tipizat JavaScript, așa că rezultatul este returnat ca bloc de cod Markdown marcat javascript, pe care majoritatea instrumentelor de evidențiere îl redau corect. Copiați liniile dintre delimitatori în fișierul .js sau .flow.

Formatarea va schimba ce face codul meu?

Instrumentul rearanjează doar spațiile albe și adaugă punct și virgulă la sfârșitul instrucțiunilor. Verificați rezultatul dacă codul depinde de linii fără punct și virgulă care încep cu o paranteză rotundă sau pătrată.

Cât cod pot formata?

Până la 5 MB de cod la fiecare rulare; intrările mai mari sunt respinse cu un mesaj. Rezultatul este identic cu opțiunea Flow din Code Formatter.

Despre OneClick Pro

OneClick Pro este o colecție gratuită de peste 150 de instrumente web pentru activitățile de zi cu zi: conversia imaginilor și unităților, formatarea și validarea codului, verificarea domeniilor și a SEO, precum și lucrul cu text, date și numere. Fiecare instrument funcționează fără înregistrare sau abonament, iar ceea ce introduceți este folosit doar pentru a calcula rezultatul și nu este stocat niciodată. Folosiți colecția ca trusă de instrumente rapidă pentru sarcini ocazionale sau salvați în marcaje instrumentele pe care le utilizați în fiecare zi.