Oluşturmaya başlayın

Playcode Classic

TypeScript Playground

Bu TypeScript playground'u, TypeScript'i tarayıcınızda canlı bir sayfada online çalıştırır. Tip hataları siz yazarken altı çizili görünür, npm paketleri tipleriyle gelir, React .tsx bileşenleri önizlemede render edilir. Kurulum gerekmez, başlamak için hesap da gerekmez; kaydetmek ve paylaşmak için giriş yapın. Playcode'un ücretsiz kod araçları olan Playcode Classic'in bir parçasıdır.

Playground'u açın

Ücretsiz. Başlamak için hesap gerekmez.

Oyun parkındaki kum havuzunda Play, dev bir ahşap şekil eşleştirme oyuncağının yuvarlak deliğine büyük, kare bir blok itiyor; blok girmiyor ve deliğin altında kırmızı dalgalı bir çizgi parlıyor. Kum havuzunun kenarındaki bir geliştirici dizüstü bilgisayarının başında gülüyor.

Tip hataları siz yazarken görünür

Editör tiplerinizi TypeScript 5.9 ile kontrol eder ve yanlış olanın altını çizer; nedenini görmek için imleci üzerine getirin. Kontrol çalıştırmayı asla engellemez; böylece bir fikri, tipleri tamamlanmadan önce deneyebilirsiniz.

Bir web sitesini kodlamak yerine anlatmayı mı tercih edersiniz? Playcode'un AI web sitesi oluşturucusunu kullanın
Kumun üzerinde bir sıra tahta blok, bir kod satırı gibi dizilmiş; biri üçgen, geri kalanı küp. Elinde kırmızı tebeşir olan Play üçgenin altına dalgalı bir çizgi çekmiş, geliştirici de kum havuzunun kenarından onu gösteriyor.

Paketler tipleriyle birlikte gelir

Bir paketi import edin, editör onu npm'den yüklemeyi önersin. Tip tanımları da onunla gelir; böylece otomatik tamamlama her fonksiyonu, tip denetleyicisi de her argümanı bilir.

Bir piknik masasında geliştirici, yeni bir aleti açık bir alet çantasında ona tam uyan köpük yuvaya yerleştiriyor; masada yanında duran Play sevinçle ellerini birleştiriyor.

.tsx dosyanız mı var? Önizlemede görün.

React TypeScript şablonunu açın, bileşeninizi bir dosyaya yapıştırın ve index.tsx'ten render edin. Bileşen önizlemede görünür, düğmeleri de çalışır.

React TypeScript şablonunu açın
Geliştirici büyük bir yaylı kutunun kolunu çeviriyor; üzerinde bir görsel ve alev turuncusu bir düğme olan küçük bir web kartı yayıyla dışarı fırlıyor. Play sevinçle izliyor.

Resmi playground mu, bu mu?

Derlenmiş JavaScript'i okumak, başka sürümleri ve derleyici seçeneklerini denemek için resmi TypeScript Playground'u kullanın.

TypeScript kodunuzun bir sayfaya, paketlere ya da React'e ihtiyacı olduğunda bunu kullanın:

  • HTML ve CSS içeren canlı bir sayfa
  • Tipleri dahil npm paketleri
  • React ve .tsx
  • Birbirini import eden birden fazla dosya
  • Paylaşılacak bir bağlantı ve sizinle birlikte düzenleyecek biri
  • Kodunuzla ilgili sorular için AI sohbeti

Playcode Classic'in bir parçası

Playcode, 2016'da tarayıcıda çalışan bir kodlama ortamı olarak başladı. Bu playground, bugün Playcode Classic adını verdiğimiz ücretsiz kod araçlarından biri.

Playcode bugün, web siteleri ve uygulamalar oluşturup çalıştırmak için bir AI platformu.

AI Web Sitesi Oluşturucu'yu görünTüm Playcode Classic araçları
Play eski bir oyun parkının açık kapısında durmuş, ötesinde bekleyeni gösteriyor: fırlatma rampasında hazır bir roket.

Sık sorulan sorular

  • TypeScript playground nedir?

    Bir TypeScript sandbox'u ya da TS playground'u: proje ya da derleyici kurmadan TypeScript yazıp hemen çalıştırabileceğiniz bir yer. Bu playground, kodunuzu tarayıcınızda canlı bir sayfada çalıştırır ve siz yazarken tiplerinizi kontrol eder.

  • Bu online TypeScript editörü ücretsiz mi?

    Evet. Kod yazmak ve çalıştırmak ücretsizdir ve hesap gerektirmez. Kaydetmek ve paylaşmak için ücretsiz bir hesap gerekir; bu hesapla herkese açık ya da özel en fazla üç proje kaydedebilirsiniz. AI sohbeti kredi harcar.

  • Hangi TypeScript sürümünü kullanıyor?

    Editör kodunuzu TypeScript 5.9 ile kontrol eder. Çalıştırmak içinse esbuild, kodu tipleri kontrol etmeden JavaScript'e derler; bu yüzden bir tip hatası çalıştırmayı asla durdurmaz.

  • tsc gibi tip kontrolü yapıyor mu?

    Evet. Siz yazarken TypeScript'in kendi tip denetleyicisini çalıştırır ve hataların altını çizer; strict modu açık, strictNullChecks kapalıdır.

  • Derlenmiş JavaScript'i görebilir miyim?

    Henüz değil. TypeScript'in ürettiği JavaScript'i okumak için resmi TypeScript Playground'u kullanın.

  • npm paketlerini kullanabilir miyim?

    Evet. Bir paketi import edin, editör onu tip tanımlarıyla birlikte npm'den yüklemeyi önerir.

  • Bir .tsx dosyasını online nasıl açarım?

    React TypeScript şablonunu açın, bileşeninizi bir dosyaya yapıştırın ve index.tsx'ten render edin. Bileşen önizlemede görünür; böylece playground online bir TSX görüntüleyicisi olarak da iş görür.

  • Bir .tsx dosyasını telefonumda açabilir miyim?

    Evet, telefonunuzun tarayıcısında, aynı şekilde. Uzun kodlar büyük ekranda daha rahat okunur.

  • React ve JSX destekleniyor mu?

    Evet. .tsx ve .jsx dosyaları önizlemede derlenir. React TypeScript şablonuyla başlayın.

  • Bu playground Playcode'un bir parçası mı?

    Evet. Bu playground, Playcode'un ücretsiz kod araçları olan Playcode Classic'in bir parçası. Playcode, 2016'da tarayıcıda çalışan bir kodlama ortamı olarak başladı. Bugün ise web siteleri ve uygulamalar oluşturup çalıştırmak için bir AI platformu.

Diğer ücretsiz kod araçları

Bir tip yazın. Çalışmasını izleyin.

Playground'u açın
Bir roket, kapısı açık ve koltuğu boş halde bekliyor; Play sizi içeri davet ediyor. Çok yukarıda başka bir roket uzaklaşarak yükseliyor.