हल्का Typescript IDE - Typescript कोड ऑनलाइन चलाएँ

मल्टी-फ़ाइल संपादन, स्थायी वर्कस्पेस, रनटाइम लाइब्रेरी, शेयरिंग और लाइव सहयोग वाले हल्के ऑनलाइन IDE में Typescript लिखें, चलाएँ और डीबग करें।

संस्करण

पहले से इंस्टॉल लाइब्रेरी

🚀 183 कुल निष्पादन (183 इस महीने)

👨‍💻 प्रैक्टिकल Typescript कोर्स से मास्टरी हासिल करें

लोड हो रहा है…

🌀 इस TypeScript ऑनलाइन एक्जीक्यूटर के बारे में

CodeUtility TypeScript Executor आपको सीधे ब्राउज़र में TypeScript कोड लिखने और चलाने देता है - किसी कंपाइलर सेटअप, Node.js इंस्टॉलेशन, या लोकल एनवायरनमेंट की ज़रूरत नहीं। यह असली TypeScript कोड को JavaScript में कम्पाइल करके एक सुरक्षित, सैंडबॉक्स्ड रनटाइम में चलाता है।

यह वातावरण फिलहाल TypeScript 5.4 सपोर्ट करता है, जिससे आपको नवीनतम भाषा फीचर्स जैसे डेकोरेटर्स, बेहतर टाइप इन्फरेंस, और आधुनिक ECMAScript सपोर्ट मिलते हैं।

चाहे आप TypeScript सीख रहे हों, यूटिलिटी फ़ंक्शंस टेस्ट कर रहे हों, या टाइपिंग और इंटरफेसेज़ के साथ प्रयोग कर रहे हों, यह टूल आपके कोड को तेज़ी से लिखने, कम्पाइल करने, और तुरंत फीडबैक के साथ निष्पादित करने का इंटरैक्टिव तरीका देता है।

यह उन डेवलपर्स के लिए बढ़िया है जो TypeScript के टाइप सिस्टम को एक्सप्लोर करना चाहते हैं या देखना चाहते हैं कि TypeScript JavaScript में कैसे कम्पाइल होता है - वह भी एडिटर्स या लोकल टर्मिनल्स के बीच स्विच किए बिना।

सिर्फ़ एक कोड रनर से कहीं अधिक

एक ही एक्ज़ीक्यूटर में मल्टी-फ़ाइल एडिटर, अलग-थलग निष्पादन टर्मिनल, रनटाइम-विशिष्ट लाइब्रेरी, स्थायी वर्कस्पेस, साझाकरण और रीयल-टाइम सहयोग का उपयोग करें।

इस एक्ज़ीक्यूटर का उपयोग कैसे करें?

रनटाइम चुनें, फ़ाइल खोलें या बनाएँ, अपना कोड लिखें और चलाएँ चुनें। आउटपुट टर्मिनल में दिखाई देता है। साइन-इन उपयोगकर्ता वर्कस्पेस में फ़ाइलें रख सकते हैं, लाइब्रेरी इंस्टॉल कर सकते हैं और शेयर के माध्यम से सहयोग कर सकते हैं।

एक संस्करण चुनें और वर्तमान फ़ाइल संपादित करें या वर्कस्पेस की दूसरी फ़ाइल खोलें।
कोड चलाएँ, माँगे जाने पर टर्मिनल में इनपुट दें और सहेजा गया रन इतिहास देखें।
जब कार्य के लिए एक से अधिक कोड अंश चाहिए, तो लाइब्रेरी, वर्कस्पेस टूल, शेयरिंग और चैट का उपयोग करें।

कोडिंग प्रारंभ करें

संस्करणचलाने से पहले एक रनटाइम चुनें.स्थापित लाइब्रेरी चयनित भाषा संस्करण से संबंधित हैं।
खुली फ़ाइलें, न खुली पाठ फ़ाइलें सूचीबद्ध करती हैं।इसे उपलब्ध संपादक टैब में खोलने के लिए किसी एक का चयन करें।
रन सक्रिय फ़ाइल को प्रोग्राम के लिए उपलब्ध कार्यक्षेत्र के साथ निष्पादित करता है।
स्टॉप वर्तमान निष्पादन को उसकी समय सीमा से पहले समाप्त कर देता है।
उन्नत मोड एक फ़ाइल एक्सप्लोरर और चल, आकार बदलने योग्य टर्मिनल के साथ आईडीई लेआउट को खोलता है।

कार्यक्षेत्र और पुस्तकालय

नई फ़ाइल चयनित मूल निर्देशिका में एक फ़ाइल बनाती है और उसे संपादक में खोलती है।
नया फ़ोल्डर समर्थित नेस्टिंग गहराई तक एक निर्देशिका बनाता है।
फ़ाइलें अपलोड करें एक निर्देशिका में एक या अधिक सुरक्षित फ़ाइलें जोड़ता है।
डाउनलोड आपके डिवाइस पर एक फ़ाइल या ज़िपित निर्देशिका को सहेजता है।
किसी कार्यस्थान फ़ाइल या निर्देशिका की डुप्लिकेट प्रतिलिपि बनाएँ।
नाम बदलें फ़ाइल का नाम बदलता है और उसके खुले टैब और इतिहास को अपडेट करता है।
मूव किसी आइटम को स्थानांतरित करता है;फ़ाइलें और निर्देशिकाएँ भी खींची जा सकती हैं।
पुष्टिकरण के बाद डिलीट किसी आइटम को हटा देता है और उसके खुले संपादक टैब को बंद कर देता है।
पहले से स्थापित Libs इस रनटाइम में पहले से शामिल पैकेज दिखाता है।
Add Lib आपके खाते और चयनित रनटाइम के लिए एक निजी पैकेज स्थापित करता है।

टर्मिनल और सहायता

रन इतिहास पिछले और अगले सहेजे गए आउटपुट को खोलता है।
निष्पादन सर्वर और ब्राउज़र पायथन के बीच स्विच पायथन के साथ चलाएँ।ब्राउज़र पायथन वर्कस्पेस फ़ाइलों या सर्वर-स्थापित लाइब्रेरीज़ का उपयोग नहीं कर सकता है।
कॉपी आउटपुट वर्तमान टर्मिनल टेक्स्ट की प्रतिलिपि बनाता है।
क्लियर आउटपुट पुष्टि के बाद सभी सहेजे गए रन आउटपुट को हटा देता है।
सक्रिय कोड का सारांश समझाएँ।
हाल ही में हालिया स्पष्टीकरण और परिणाम खुलते हैं।
सेटिंग्स फ़ॉन्ट, थीम और दृश्यमान टूलबार बटन बदलती हैं।

साझा करना और सहयोग करना

शेयर वर्तमान फ़ाइल, एक निर्देशिका, या संपूर्ण कार्यस्थान को स्नैपशॉट या लाइव कार्यस्थान के रूप में प्रकाशित करता है।आप लिंक एक्सेस को नियंत्रित करते हैं और परिवर्तनों को कौन सहेज सकता है।
लॉग किसी साझा कार्यक्षेत्र में सहेजे गए सहयोगी कार्यों को रिकॉर्ड करता है।
शेयर चैट से साइन-इन प्रतिभागियों को संदेश भेजने, लोगों का उल्लेख करने, कोड ब्लॉक साझा करने और ऑनलाइन या टाइपिंग सदस्यों को देखने की सुविधा मिलती है।
लाइव सहयोग सहयोगी कर्सर और सहेजे गए फ़ाइल अपडेट दिखाता है।केवल-दृश्य उपयोगकर्ता नवीनतम संस्करण लोड कर सकते हैं या अस्थायी संपादन रख सकते हैं।

कोटा और सीमाएँ

निष्पादन समय प्रति सर्वर रन 20 सेकंड तक सीमित है।जब आप इसे जल्दी समाप्त करना चाहते हैं तो स्टॉप का उपयोग करें।
वर्कस्पेस स्टोरेज प्रत्येक साइन-इन उपयोगकर्ता वर्कस्पेस और भाषा के लिए 100 फ़ाइलों, 100 निर्देशिकाओं और कुल 10 MiB की अनुमति देता है।
फ़ाइलें और फ़ोल्डर्स 1 MiB प्रति फ़ाइल और 5 नेस्टेड निर्देशिका स्तरों तक सीमित हैं।आपके कोड द्वारा जेनरेट की गई फ़ाइलें समान कोटा का पालन करती हैं।
निजी लाइब्रेरी प्रत्येक खाते और रनटाइम के लिए 10 स्थापित पैकेजों तक सीमित हैं।
शेयर स्नैपशॉट में अधिकतम 100 फ़ाइलें, प्रति फ़ाइल 1 MiB और कुल 2 MiB हो सकते हैं।
शेयर आमंत्रण प्रति शेयर 25 लोगों तक का समर्थन करते हैं, पहुंच और बचत अनुमतियाँ अलग से प्रबंधित की जाती हैं।
शेयर चैट प्रति संदेश 2,000 अक्षर और प्रति शेयर 10,000 संदेश की अनुमति देता है।
कोड चलने के दौरान कोटा प्रवर्तन भी लागू होता है।फ़ाइल संख्या, आकार, भंडारण, या नेस्टिंग सीमा से अधिक का लेखन सुरक्षित रूप से अस्वीकार कर दिया जाता है।

जानकर अच्छा लगा केवल कोड चलाएं और वही पैकेज इंस्टॉल करें जिन पर आपको भरोसा है।निष्पादन पृथक और सीमित है, लेकिन आपका प्रोग्राम अभी भी अपने लागू कोटा तक लिखने योग्य कार्यक्षेत्र के अंदर फ़ाइलों को संशोधित कर सकता है।

💡 शुरुआती लोगों के लिए TypeScript बेसिक्स गाइड

1. वेरिएबल्स की घोषणा

TypeScript let, const, और टाइप एनोटेशंस के साथ स्टैटिक टाइपिंग की अनुमति देता है।

let x: number = 10;
const pi: number = 3.14;
let name: string = "Alice";
let isActive: boolean = true;

2. कंडीशनल्स (if / switch)

ब्रांचिंग के लिए if, else if, और else का उपयोग करें। switch कई मानों को संभालता है।

let x = 5;
if (x > 0) {
  console.log("धनात्मक");
} else if (x < 0) {
  console.log("ऋणात्मक");
} else {
  console.log("शून्य");
}

switch (x) {
  case 1:
    console.log("एक");
    break;
  case 2:
    console.log("दो");
    break;
  default:
    console.log("अन्य");
}

3. लूप्स

इटरेशन के लिए for, while, और for...of का उपयोग करें।

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

let i = 5;
while (i > 0) {
  console.log(i);
  i--;
}

4. एरेज़

एरे परिभाषित करने के लिए स्क्वायर ब्रैकेट्स [] का उपयोग करें।

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob"];
console.log(numbers[1]);

5. एरे मैनीपुलेशन

push, splice, और filter जैसी बिल्ट-इन मेथड्स का उपयोग करें।

let arr = [10, 20, 30];
arr.push(40);          // अंत में जोड़ें
arr.splice(1, 1);      // दूसरा तत्व हटाएँ
console.log(arr);

6. कंसोल इनपुट/आउटपुट

कंसोल में आउटपुट दिखाने के लिए console.log का उपयोग करें।

const name: string = "Alice";
console.log("नमस्ते, " + name);

7. फंक्शंस

टाइप्ड पैरामीटर्स और रिटर्न वैल्यूज़ के साथ फ़ंक्शंस घोषित करें।

function add(a: number, b: number): number {
  return a + b;
}

console.log(add(3, 5));

8. मैप्स

की-वैल्यू स्ट्रक्चर्स के लिए सादे ऑब्जेक्ट्स या Map का उपयोग करें।

const m = new Map<string, number>();
m.set("Alice", 25);
console.log(m.get("Alice"));

9. एक्सेप्शन हैंडलिंग

एरर्स को संभालने के लिए try और catch का उपयोग करें।

try {
  throw new Error("कुछ गड़बड़ हो गई");
} catch (e) {
  console.error(e.message);
}

10. फ़ाइल I/O (सिर्फ Node.js)

फ़ाइल पढ़ने और लिखने के लिए Node.js के fs मॉड्यूल का उपयोग करें।

import * as fs from "fs";

fs.writeFileSync("file.txt", "हैलो फ़ाइल");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. स्ट्रिंग मैनीपुलेशन

length, concat, includes जैसी स्ट्रिंग मेथड्स का उपयोग करें।

let str = "नमस्ते दुनिया";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("दुनिया"));

12. क्लासेज़ और ऑब्जेक्ट्स

TypeScript ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग को सपोर्ट करता है।

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(\`हाय, मैं \${this.name} हूँ\`);
  }
}

const p = new Person("Alice");
p.greet();