TypeScript online

Pisz, uruchamiaj i udostępniaj fragmenty kodu bez żadnej konfiguracji.

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.`);

Uruchamiaj TypeScript online w przeglądarce

Darmowy edytor online i kompilator TypeScript. Piszesz kod TS w przeglądarce, klikasz Uruchom, a tsgo (natywny kompilator TypeScript napisany w Go) generuje JavaScript, który Node 24 wykonuje w kilka sekund. Bez tsc, bez ts-node, bez konfigurowania tsconfig.json.

tsgo generuje .js z twojego .ts, a Node 24 uruchamia wynik, więc dostajesz pełne sprawdzanie typów bez narzutu pamięci transpilatora przy każdym uruchomieniu. @types/node jest preinstalowany, więc masz typy dla API Node. Przydaje się do testowania typów generycznych, poznawania zaawansowanych funkcji na poziomie typów albo przygotowań do rozmowy rekrutacyjnej z TS bez wychodzenia ze strony.

Dlaczego ten edytor online TypeScript się przydaje

Błyskawiczne uruchamianie TypeScriptu: tsgo kompiluje pliki .ts, a Node 24 uruchamia je w kilka sekund, z pełnym sprawdzaniem typów.
Pełne podświetlanie składni TypeScript, autouzupełnianie świadome typów i diagnostyka tsgo, na tym samym silniku edytora co VS Code.
Obsługa standardowego wejścia. Linie trafiają do process.stdin, więc typowane interfejsy readline i asynchroniczne iteratory stdin zachowują się tak samo jak przy lokalnym uruchomieniu ts-node script.ts. Nie musisz u siebie zakładać tsc, ts-node ani tsconfig.json.
TypeScript 5.3 z tsgo (natywnym kompilatorem TS napisanym w Go), ts-node i @types/node: pełne sprawdzanie typów oraz obsługa ES2022 w czasie działania.

Co możesz zbudować w edytorze online TypeScript

Interfejsy, typy generyczne, unie i typy literałowe oraz strażnicy typów. Pisz typowany TS, patrz, jak tsgo generuje czysty .js, i uruchamiaj go na Node 24.
Zaawansowane typy: typy mapowane, typy warunkowe, typy szablonów literałów i typy narzędziowe (Pick, Omit, Record), sprawdzane przez kompilator.
Szybkie eksperymenty w TypeScript: wypróbuj nowy wzorzec typów, potwierdź regułę zawężania, przetestuj ograniczenie typu generycznego albo zobacz, jak tsgo zgłasza błąd typu.

Edytor TypeScript online: najczęstsze pytania

Czy edytor TypeScript online jest darmowy?

Tak, edytor online TypeScript jest darmowy. Bez rejestracji, bez instalowania tsc i bez zakładania tsconfig.json: otwierasz stronę, a tsgo kompiluje za ciebie.

Czy muszę instalować tsc albo Node, żeby uruchamiać TypeScript online?

Nie trzeba niczego instalować. Nie potrzebujesz kompilatora tsc, ts-node ani tsconfig.json. tsgo (natywny kompilator TypeScript napisany w Go) generuje JS i uruchamia go na Node 24.

Czy edytor online TypeScript działa na telefonie i Chromebooku?

Tak. Edytor online TypeScript działa w każdej nowoczesnej przeglądarce, na komputerze, tablecie i telefonie. Przydaje się do testowania fragmentów TS na Chromebooku albo iPadzie bez instalowania Node czy tsc.

Czy edytor online TypeScript obsługuje stdin?

Tak. Gdy tsgo skompiluje twój .ts, a Node 24 go wykona, linie wpisane w pole stdin trafiają do process.stdin. Typowane interfejsy readline, asynchroniczne iteratory process.stdin i wszystko, co jest typowane przez NodeJS.ReadStream z @types/node, zachowuje się tak samo jak przy lokalnym uruchomieniu skryptu.

Jak uczyć się TypeScriptu po wypróbowaniu edytora?

Zmieniaj przykładowy kod TypeScript, klikaj Uruchom i poprawiaj. Gdy zechcesz czegoś bardziej uporządkowanego, interaktywny kurs TypeScript w Coddy omawia typy, typy generyczne, interfejsy i zaawansowane programowanie na poziomie typów.

Czym to się różni od oficjalnego TypeScript Playground?

Oficjalny TypeScript Playground sprawdza typy i transpiluje kod, ale pokazuje tylko wygenerowany JavaScript: nie uruchamia go. Edytor Coddy kompiluje przez tsgo, a potem *wykonuje* wynik na Node 24, więc widzisz prawdziwy wynik programu, łącznie z console.log, danymi ze stdin i błędami czasu działania, a nie tylko skompilowany JS.

Czy mogę uruchomić TypeScript online bez wcześniejszej kompilacji do JavaScriptu?

Nie musisz niczego robić ręcznie. Napisz .ts, kliknij Uruchom, a edytor skompiluje go przez tsgo i uruchomi wygenerowany JavaScript na Node 24 w jednym kroku. Nie ma osobnego budowania przez tsc, konfiguracji ts-node ani tsconfig.json: działa to jak bezpośrednie uruchomienie pliku TypeScript.

Przydatne narzędzia do TypeScript

Darmowe narzędzia w przeglądarce, które świetnie działają razem z edytorem TypeScript online. Wszystkie w Coddy.

Ściąga TypeScript Osadź edytor TypeScript Porównaj platformy do nauki programowania