Formattatore Flow
Formattate il codice tipizzato Flow JavaScript con questo Formattatore Flow. Incollate codice con alias di tipo, tipi di oggetto esatti, funzioni annotate o la pragma @flow: lo strumento lo riorganizza token per token con rientri di due spazi, spaziatura attorno alle annotazioni di tipo e agli operatori, punti e virgola alla fine delle istruzioni e parentesi graffe ravvicinate per i tipi di oggetto esatti. Utile per gli sviluppatori che mantengono basi di codice Flow e vogliono frammenti ordinati per revisioni, migrazioni e documentazione.
Domande frequenti
Come funziona il Formattatore Flow?
Suddivide il codice in token, come parentesi graffe, punti e virgola, operatori, stringhe e commenti, e ricostruisce la disposizione a partire da questi. I blocchi hanno un rientro di due spazi, le istruzioni terminano con punti e virgola e gli operatori ricevono una spaziatura uniforme.
Come vengono formattati i tipi di oggetto esatti?
Nei tipi di oggetto esatti, le barre restano a ridosso delle parentesi graffe, con uno spazio all'interno; per esempio: type Props = {| name: string, age: number |}. Gli spazi dopo i due punti e le virgole all'interno del tipo vengono uniformati.
Il commento @flow viene mantenuto?
Sì, la pragma // @flow e tutti gli altri commenti su una o più righe vengono mantenuti. Un commento su una riga termina sempre la riga, quindi il codice successivo inizia su una nuova riga.
Il formattatore controlla i tipi del mio codice?
No, non esegue Flow né convalida la sintassi, quindi formatta anche frammenti incompleti. Eseguite flow check nel vostro progetto per individuare gli errori di tipo.
I generici e i parametri di tipo vengono mantenuti?
Sì, le parentesi angolari nei tipi, come Array<string> o Map<K, V>, vengono riconosciute e non scambiate per operatori di confronto. La spaziatura dopo le virgole al loro interno viene uniformata.
Posso modificare la larghezza del rientro?
No, l'output usa sempre due spazi e non sono disponibili opzioni di stile. In questo modo la formattazione resta uniforme tra un'esecuzione e l'altra e tra i membri del team.
Le stringhe vengono modificate?
No, i letterali stringa, i template literal e le espressioni regolari vengono copiati esattamente come sono scritti. Vengono modificati solo gli spazi bianchi tra i token.
Perché l'output è racchiuso in un fence javascript?
Flow è tipizzato JavaScript, quindi il risultato viene restituito come blocco di codice Markdown contrassegnato come javascript, che la maggior parte degli evidenziatori di sintassi visualizza correttamente. Copiate le righe tra i delimitatori nel vostro file .js o .flow.
La formattazione cambierà il comportamento del mio codice?
Lo strumento riordina solo gli spazi bianchi e aggiunge punti e virgola alla fine delle istruzioni. Controllate il risultato se il vostro codice dipende da righe senza punto e virgola che iniziano con una parentesi tonda o quadra.
Quanto codice posso formattare?
Fino a 5 MB di codice per esecuzione; gli input più grandi vengono rifiutati con un messaggio. Il risultato è identico all’opzione Flow del Code Formatter.