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 מריץ את התוצאה, כך שמקבלים בדיקת טיפוסים מלאה בלי תקורת הזיכרון של transpiler בכל הרצה. @types/node מותקן מראש לטיפוסים של ממשקי Node. שימושי לבדיקת generics, לחקירת יכולות מתקדמות ברמת הטיפוסים או להכנה לראיון 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 האונליין

Interfaces, generics, טיפוסי 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 Playground אונליין

עורך ה-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.

עורך ה-TypeScript האונליין תומך ב-stdin?

כן. אחרי ש-tsgo מקמפל את קובץ ה-.ts ו-Node 24 מריץ אותו, השורות שאתם מקלידים בתיבת ה-stdin מועברות ל-process.stdin. ממשקי readline עם טיפוסים, איטרטורים אסינכרוניים של process.stdin וכל דבר שמוגדר מול NodeJS.ReadStream של @types/node מתנהגים בדיוק כמו בהרצה מקומית של הסקריפט.

איך ממשיכים ללמוד TypeScript אחרי שמנסים את העורך?

ערכו את קוד ה-TypeScript לדוגמה, לחצו על הרצה ונסו שוב ושוב. כשתרצו משהו מובנה יותר, קורס ה-TypeScript האינטראקטיבי של Coddy מכסה טיפוסים, generics, interfaces ותכנות מתקדם ברמת הטיפוסים.

במה זה שונה מה-TypeScript Playground הרשמי?

ה-TypeScript Playground הרשמי בודק טיפוסים ומתרגם את הקוד, אבל מציג רק את ה-JavaScript שנוצר: הוא לא באמת מריץ אותו. העורך של Coddy מקמפל עם tsgo ואז *מריץ* את התוצאה על Node 24, כך שרואים פלט אמיתי של התוכנית, כולל console.log, קלט stdin ושגיאות ריצה, ולא רק את ה-JS המקומפל.

אפשר להריץ TypeScript אונליין בלי לקמפל קודם ל-JavaScript?

לא צריך לעשות שום דבר ידנית. כתבו .ts, לחצו על הרצה, והעורך מקמפל אותו עם tsgo ומריץ את ה-JavaScript שנוצר על Node 24 בצעד אחד. אין build נפרד של tsc, אין הגדרת ts-node ואין tsconfig.json: זה מתנהג כמו הרצה ישירה של קובץ TypeScript.

כלים שימושיים ל-TypeScript

כלים חינמיים בדפדפן שמשתלבים היטב עם עורך ה-TypeScript אונליין, כולם חלק מ-Coddy.

דף עזר TypeScript להטמיע את עורך ה-TypeScript השוואת פלטפורמות לימוד תכנות