TypeScript

Генератор изображений кода TypeScript

Превращайте фрагменты TypeScript в изображения, которыми хочется делиться, не покидая Mac.

TypeScript стоит показывать картинкой именно потому, что суть — в типах. Обычный блок кода убирает ровно то, что вы хотели показать.

Codeshot определяет TypeScript по вставленному коду, так что ошибиться с выбором языка невозможно. Вот один и тот же фрагмент в трёх из 30 встроенных тем, отрисованных стилями самого приложения.

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

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

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

export const render = async (
  code: string,
  opts: Options
): Promise<Blob> => toImage(code, opts);
Tokyo Night · тёмная

Как выбрать тему для TypeScript

Сигнатуры типов быстро удлиняют строки. Отключите номера строк, если они ничего не значат, и дайте окну больше горизонтальных отступов, чтобы дженерики не упирались в край.

Как выбрать размер

Пусть размер следует за содержимым или зафиксируйте соотношение — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 или 3:4 — а затем экспортируйте в 1×, 2× или 3×, чтобы изображение оставалось чётким на retina-экране. Скопируйте его в буфер обмена сочетанием C или сохраните через S.

Посмотрите все 30 тем рядом или прочитайте весь процесс.

Сделано для TypeScript и ещё 59 языков

Всё работает на вашем Mac. Код никогда его не покидает.

Скачать для macOS