TypeScript

Générateur d’images de code TypeScript

Transformez vos extraits TypeScript en images que l’on a envie de partager, sans quitter votre Mac.

TypeScript mérite d'être capturé justement parce que les types sont le sujet. Un simple bloc de code retire ce que vous vouliez montrer.

Codeshot détecte TypeScript à partir du code que vous collez : aucun sélecteur de langage à se tromper. Voici le même extrait dans trois des 30 thèmes fournis, rendus avec les feuilles de style de l’app.

type Options = {
  theme: string;
  scale?: 1 | 2 | 3;
};

export const render = async (
  code: string,
  opts: Options
): Promise<Blob> => toImage(code, opts);
Atom One · sombre
type Options = {
  theme: string;
  scale?: 1 | 2 | 3;
};

export const render = async (
  code: string,
  opts: Options
): Promise<Blob> => toImage(code, opts);
GitHub · sombre
type Options = {
  theme: string;
  scale?: 1 | 2 | 3;
};

export const render = async (
  code: string,
  opts: Options
): Promise<Blob> => toImage(code, opts);
Tokyo Night · sombre

Choisir un thème pour TypeScript

Les signatures de types allongent vite les lignes. Désactivez les numéros de ligne s'ils n'apportent rien, et donnez à la fenêtre plus de marge horizontale pour que les génériques ne butent pas sur le bord.

Trouver la bonne taille

Laissez l’image suivre votre contenu ou fixez un rapport — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 ou 3:4 — puis exportez en 1×, 2× ou 3× pour qu’elle reste nette sur un écran retina. Copiez-la dans le presse-papiers avec C ou enregistrez avec S.

Voyez les 30 thèmes côte à côte ou lisez le déroulé complet.

Conçu pour TypeScript et 59 autres langages

Tout tourne sur votre Mac. Votre code ne le quitte jamais.

Télécharger pour macOS