Siirry sisältöön

Flow-muotoilija

Muotoile Flow-tyypitettyä JavaScript-koodia tällä Flow-muotoilijalla. Liitä koodia, jossa on tyyppialiaksia, tarkkoja objektityyppejä, tyypitettyjä funktioita tai @flow-pragma, niin työkalu järjestää sen uudelleen merkki merkiltä käyttäen kahden välilyönnin sisennystä, välilyöntejä tyyppimerkintöjen ja operaattorien ympärillä, puolipisteitä lauseiden lopussa sekä tiiviitä tarkkojen objektien aaltosulkeita. Hyödyllinen Flow-koodikantoja ylläpitäville kehittäjille, jotka haluavat siistejä katkelmia katselmointeihin, migraatioihin ja dokumentaatioon.

Nollaa

Usein kysytyt kysymykset

Miten Flow-muotoilija toimii?

Se jakaa koodisi merkintöihin, kuten aaltosulkeisiin, puolipisteisiin, operaattoreihin, merkkijonoihin ja kommentteihin, ja rakentaa asettelun niiden pohjalta uudelleen. Lohkot sisennetään kahdella välilyönnillä, lauseet päättyvät puolipisteisiin ja operaattorien välitykset ovat yhtenäiset.

Miten tarkat objektityypit muotoillaan?

Tarkkojen objektityyppien pystyviivat pysyvät aivan aaltosulkeiden vieressä, ja niiden sisällä on välilyönti, esimerkiksi type Props = {| name: string, age: number |}. Kaksoispisteiden ja pilkkujen jälkeiset välilyönnit tyypin sisällä yhtenäistetään.

Säilytetäänkö @flow-kommentti?

Kyllä, // @flow-pragma sekä kaikki muut rivi- ja lohkokommentit säilytetään. Rivikommentti päättää aina rivinsä, joten seuraava koodi alkaa uudelta riviltä.

Tarkistaako muotoilija koodini tyypit?

Ei, se ei suorita Flow'ta eikä validoi syntaksia, joten se muotoilee myös keskeneräisiä koodikatkelmia. Suorita projektissasi flow check löytääksesi tyyppivirheet.

Säilyvätkö geneeriset tyypit ja tyyppiparametrit?

Kyllä, tyyppien kulmasulkeita, kuten Array<string>- tai Map<K, V>-tyyppien sulkeita, seurataan, jotta niitä ei tulkita vertailuoperaattoreiksi. Niiden sisäiset pilkunjälkeiset välit yhtenäistetään.

Voinko muuttaa sisennyksen leveyttä?

Et, tulosteessa käytetään aina kahta välilyöntiä, eikä tyylivalintoja ole. Näin muotoilu pysyy yhdenmukaisena eri suorituskertojen ja tiimin jäsenten välillä.

Muutetaanko merkkijonoja?

Ei, merkkijonoliteraalit, mallipohjamerkkijonot ja säännölliset lausekkeet kopioidaan täsmälleen sellaisina kuin ne on kirjoitettu. Vain merkintöjen välisiä tyhjemerkkejä muutetaan.

Miksi tuloste on javascript-aitauksessa?

Flow on tyypitetty JavaScript, joten tulos palautetaan Markdown-koodilohkona, jonka merkintä on javascript ja jonka useimmat korostimet näyttävät oikein. Kopioi aitausten väliset rivit .js- tai .flow-tiedostoosi.

Muuttaako muotoilu koodini toimintaa?

Työkalu järjestää uudelleen vain tyhjätilat ja lisää puolipisteet lauseiden loppuun. Tarkista tulos, jos koodisi toiminta riippuu puolipisteettömistä riveistä, jotka alkavat sulkeella tai hakasulkeella.

Kuinka paljon koodia voin muotoilla?

Enintään 5 MB koodia suoritusta kohden; suurempi syöte hylätään ja siitä näytetään viesti. Tulos on sama kuin Code Formatterin Flow-vaihtoehdolla.

Tietoja: OneClick Pro

OneClick Pro on ilmainen kokoelma, jossa on yli 150 verkkotyökalua arjen tehtäviin: kuvien ja yksiköiden muuntamiseen, koodin muotoiluun ja validointiin, verkkotunnusten ja SEO tarkistamiseen sekä tekstien, päivämäärien ja lukujen käsittelyyn. Kaikki työkalut toimivat ilman rekisteröitymistä tai tilausta. Syöttämiäsi tietoja käytetään vain tuloksen laskemiseen, eikä niitä tallenneta koskaan. Käytä palvelua nopeana apuvälineenä yksittäisiin tehtäviin tai lisää kirjanmerkkeihin työkalut, joita tarvitset päivittäin.