TypeScript
Verwandle TypeScript-Snippets in Bilder, die man gerne teilt — ohne deinen Mac zu verlassen.
TypeScript lohnt sich als Screenshot gerade deshalb, weil die Typen der Punkt sind. Ein einfacher Code-Block nimmt genau das weg, was du zeigen wolltest.
Codeshot erkennt TypeScript an dem Code, den du einfügst; es gibt also keine Sprachauswahl, die man falsch treffen kann. Hier ist dasselbe Snippet in drei der 30 mitgelieferten Themes, gerendert mit den Stylesheets der 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);Typsignaturen treiben die Zeilenlänge schnell nach oben. Schalte Zeilennummern ab, sofern sie nichts aussagen, und gib dem Fenster mehr horizontalen Innenabstand, damit Generics nicht an den Rand stoßen.
Lass das Bild dem Inhalt folgen oder lege es auf ein Verhältnis fest — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 oder 3:4 — und exportiere dann mit 1×, 2× oder 3×, damit es auf Retina-Displays scharf bleibt. Kopiere es mit ⌘⇧C direkt in die Zwischenablage oder sichere mit ⌘S.
Sieh dir alle 30 Themes im Vergleich an oder lies den kompletten Ablauf.
Alles läuft auf deinem Mac. Dein Code verlässt ihn nie.