Pāriet uz saturu

Flow formatētājs

Formatējiet Flow tipizētu JavaScript kodu ar šo Flow formatētāju. Ielīmējiet kodu ar tipu aizstājvārdiem, precīziem objektu tipiem, anotētām funkcijām vai @flow pragmu, un rīks pārkārtos to tokenu pa tokenam, izmantojot divu atstarpju atkāpes, atstarpes tipu anotācijās un ap operatoriem, semikolus priekšrakstu beigās un cieši pieguļošas figūriekavas precīziem objektiem. Noder izstrādātājiem, kuri uztur Flow koda bāzes un vēlas sakārtotus fragmentus pārskatīšanai, migrācijai un dokumentācijai.

Atiestatīt

Bieži uzdotie jautājumi

Kā darbojas Flow formatētājs?

Tas sadala jūsu kodu tokenos, piemēram, figūriekavās, semikolos, operatoros, virknēs un komentāros, un no tiem atjauno izkārtojumu. Blokiem tiek izmantotas divu atstarpju atkāpes, priekšraksti beidzas ar semikoliem, bet operatoriem tiek pievienotas vienādas atstarpes.

Kā tiek formatēti precīzi objektu tipi?

Precīzu objektu tipu vertikālās svītras tiek novietotas tieši pie figūriekavām, ar atstarpi iekšpusē, piemēram, type Props = {| name: string, age: number |}. Atstarpes aiz koliem un komatiem tipa iekšpusē tiek normalizētas.

Vai @flow komentārs tiek saglabāts?

Jā, // @flow pragma un visi pārējie rindu un bloka komentāri tiek saglabāti. Rindas komentārs vienmēr noslēdz savu rindu, tāpēc nākamais kods sākas jaunā rindā.

Vai formatētājs pārbauda koda tipus?

Nē, tas nedarbina Flow un nevalidē sintaksi, tāpēc formatē arī nepabeigtus fragmentus. Lai atrastu tipu kļūdas, palaidiet flow check savā projektā.

Vai vispārinājumi un tipu parametri tiek saglabāti?

Jā, tiek izsekotas tipu leņķiekavas, piemēram, Array<string> vai Map<K, V>, lai tās netiktu sajauktas ar salīdzināšanas operatoriem. Atstarpes aiz komatiem iekavās tiek normalizētas.

Vai varu mainīt atkāpju platumu?

Nē, izvadē vienmēr tiek izmantotas divu atstarpju atkāpes, un stila opciju nav. Tas nodrošina vienādu formatējumu dažādās palaišanas reizēs un starp komandas biedriem.

Vai virknes tiek mainītas?

Nē, virkņu literāļi, veidņu literāļi un regulārās izteiksmes tiek kopētas tieši tā, kā tās ir uzrakstītas. Tiek mainītas tikai atstarpes starp tokeniem.

Kāpēc izvade ir ietverta javascript koda žogā?

Flow ir tipizēts JavaScript, tāpēc rezultāts tiek atgriezts kā Markdown koda bloks ar atzīmi javascript, ko pareizi attēlo vairums sintakses izcēlēju. Nokopējiet rindas starp žoga marķieriem savā .js vai .flow failā.

Vai formatēšana mainīs to, ko dara mans kods?

Rīks tikai pārkārto atstarpes un pievieno semikolu paziņojumu beigās. Pārbaudiet rezultātu, ja jūsu kods ir atkarīgs no rindām bez semikola, kas sākas ar iekavu vai kvadrātiekavu.

Cik daudz koda varu formatēt?

Līdz 5 MB koda vienā reizē; lielāka ievade tiek noraidīta ar ziņojumu. Rezultāts ir identisks Code Formatter Flow opcijai.

Par OneClick Pro

OneClick Pro ir bezmaksas vairāk nekā 150 tīmekļa rīku kolekcija ikdienas darbam: attēlu un mērvienību konvertēšanai, koda formatēšanai un validēšanai, domēnu un SEO pārbaudei, kā arī darbam ar tekstu, datumiem un skaitļiem. Katru rīku var izmantot bez reģistrācijas vai abonēšanas, un ievadītie dati tiek izmantoti tikai rezultāta aprēķināšanai un nekad netiek saglabāti. Izmantojiet to kā ātru rīku kopumu atsevišķiem uzdevumiem vai pievienojiet grāmatzīmēm rīkus, ko lietojat katru dienu.