TypeScript Playground

Пишите, запускайте и делитесь фрагментами кода. Без установки.

index.ts

Alice
30

Output

Click Run to see the output here.

declare function require(m: string): any;

const fs = require('fs');
const [name, ageStr]: string[] = fs
    .readFileSync(0, "utf8")
    .trim()
    .split('\n');
const age: number = parseInt(ageStr, 10);
console.log(`Hello, ${name}! You are ${age} years old.`);

Запустите TypeScript онлайн в браузере

Бесплатная онлайн-песочница и компилятор TypeScript. Пишите TS в браузере, жмите «Запустить» - tsgo (нативный компилятор TypeScript на Go) выдаёт JavaScript, а Node 24 исполняет его за секунды. Никакого tsc, ts-node или tsconfig.json настраивать заранее не нужно.

tsgo генерирует .js из вашего .ts, а Node 24 запускает результат - так вы получаете полную проверку типов без накладных расходов памяти на транспайлер при каждом запуске. @types/node уже установлен для типов Node API - удобно проверять дженерики, разбираться с продвинутыми возможностями уровня типов или готовиться к собеседованию по TS, не покидая страницы.

Почему эта TypeScript-песочница полезна

Мгновенный запуск TypeScript - tsgo компилирует ваши .ts-файлы, а Node 24 запускает их за секунды с полной проверкой типов.
Полная подсветка синтаксиса TypeScript, автодополнение с учётом типов и диагностика tsgo на том же движке редактора, что и в VS Code.
Поддерживается stdin. Введённые строки попадают в process.stdin, так что типизированные интерфейсы readline и асинхронные итераторы stdin работают так же, как при локальном запуске ts-node script.ts. Никаких tsc, ts-node или tsconfig.json настраивать не нужно.
TypeScript 5.3 с tsgo (нативный компилятор TS на Go), ts-node и @types/node - полная проверка типов плюс поддержка рантайма ES2022.

Что можно создать в песочнице TypeScript

Интерфейсы, дженерики, union и literal типы, type guards. Пишите типизированный TS, смотрите, как tsgo выдаёт чистый .js, и запускайте на Node 24.
Продвинутые типы: mapped types, conditional types, template literal types и utility types (Pick, Omit, Record) - всё проверяется компилятором.
Быстрые эксперименты с TypeScript: попробуйте новый паттерн типов, проверьте правило narrowing, протестируйте ограничение дженерика или посмотрите, как tsgo сообщает об ошибке типа.

Часто задаваемые вопросы про онлайн-песочницу TypeScript

Онлайн-песочница TypeScript бесплатная?

Да, песочница TypeScript бесплатна. Без регистрации, без установки tsc и без настройки tsconfig.json - откройте страницу, а tsgo сам всё скомпилирует.

Нужно ли устанавливать tsc или Node, чтобы запускать TypeScript онлайн?

Установка не нужна. Никакого tsc, ts-node или tsconfig.json. tsgo (нативный компилятор TypeScript на Go) генерирует JS и запускает его на Node 24.

Работает ли TypeScript-песочница на мобильном и Chromebook?

Да. Песочница TypeScript работает в любом современном браузере - на десктопе, планшете или телефоне. Удобно проверять TS-сниппеты с Chromebook или iPad без установки Node и tsc.

Поддерживает ли playground TypeScript stdin?

Да. После того как tsgo скомпилирует ваш .ts, а Node 24 его выполнит, строки, которые вы вводите в поле stdin, попадают в process.stdin. Типизированные интерфейсы readline, асинхронные итераторы process.stdin и всё, что типизировано через NodeJS.ReadStream из @types/node, ведёт себя так же, как при локальном запуске скрипта.

Как продолжить учить TypeScript после песочницы?

Редактируйте пример TypeScript, жмите Run и пробуйте снова. Если хочется чего-то более структурированного - интерактивный курс TypeScript от Coddy охватывает типы, дженерики, интерфейсы и продвинутое программирование на уровне типов.

Полезные инструменты для TypeScript

Бесплатные браузерные инструменты, которые отлично работают с Playground TypeScript, и всё это часть Coddy.

Шпаргалка по TypeScript Встроить редактор TypeScript Сравнить платформы для программирования