TypeScript
Trasforma gli snippet TypeScript in immagini che vale la pena condividere, senza uscire dal tuo Mac.
TypeScript vale la pena fotografarlo proprio perché il punto sono i tipi. Un normale blocco di codice porta via esattamente ciò che volevi mostrare.
Codeshot riconosce TypeScript dal codice che incolli, quindi non c’è nessun selettore di linguaggio da sbagliare. Ecco lo stesso snippet in tre dei 30 temi inclusi, resi con i fogli di stile dell’app.
type Options = {
theme: string;
scale?: 1 | 2 | 3;
};
export const render = async (
code: string,
opts: Options
): Promise<Blob> => toImage(code, opts);type Options = {
theme: string;
scale?: 1 | 2 | 3;
};
export const render = async (
code: string,
opts: Options
): Promise<Blob> => toImage(code, opts);type Options = {
theme: string;
scale?: 1 | 2 | 3;
};
export const render = async (
code: string,
opts: Options
): Promise<Blob> => toImage(code, opts);Le firme dei tipi allungano in fretta le righe. Disattiva i numeri di riga se non dicono nulla e dai alla finestra più margine orizzontale, così i generics non finiscono contro il bordo.
Lascia che l’immagine segua il contenuto o bloccala su un rapporto — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — poi esporta a 1×, 2× o 3× così resta nitida su uno schermo retina. Copiala negli appunti con ⌘⇧C oppure salvala con ⌘S.
Guarda tutti i 30 temi a confronto oppure leggi il flusso completo.
Tutto gira sul tuo Mac. Il tuo codice non lo lascia mai.