# 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.

## 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.

Mainospaikka vapaana?

[Lähetä meille sähköpostia](mailto:hi@dennn.is?subject=Mainostaminen%20palvelussa%20OneClick%20Pro)

[Mainos Agenteille valmis lisäosa­sarja tuotteelle WordPress.](https://sleekwp.com/?ref=oneclickpro)