TypeScript के लिए tsx: उदाहरण सहित पूर्ण गाइड

शुरुआती लोगों के लिए ऑनलाइन Python प्रशिक्षक

Python आसानी से सीखें बिना सिद्धांत के बोझ के। स्वचालित जांच के साथ व्यावहारिक कार्य हल करें और ब्राउज़र में सीधे कोड लिखें।

पाठ्यक्रम शुरू करें

TypeScript के लिए tsx: उदाहरण सहित पूर्ण गाइड

1. tsx क्या है और इसकी आवश्यकता क्यों है?

tsx एक आधुनिक, उच्च-प्रदर्शन वाला रनर है जो TypeScript और ESM (ECMAScript Modules) के लिए बनाया गया है। यह .ts, .tsx और .mts फ़ाइलों को बिना पहले JavaScript में कंपाइल किए सीधे चलाने की सुविधा देता है। esbuild (Go में बना एक अत्यंत तेज़ बंडलर) पर आधारित, tsx TypeScript कोड को लगभग तुरंत चलाता है, जिससे यह डेवलपमेंट, प्रोटोटाइपिंग, स्क्रिप्ट लिखने और टेस्टिंग के लिए एक आदर्श टूल बन जाता है।

tsx की आवश्यकता क्यों है? पारंपरिक रूप से, TypeScript फ़ाइलें चलाने के लिए दो-चरणीय प्रक्रिया होती है: पहले tsc (TypeScript Compiler) से कोड कंपाइल करें, फिर Node.js के माध्यम से परिणामी JavaScript चलाएं। इससे डेवलपमेंट की गति धीमी हो जाती है। tsx इस समस्या को हल करता है, कंपाइलेशन और एक्ज़ीक्यूशन को एक ही चरण में जोड़कर। यह स्वचालित रूप से TypeScript सिंटैक्स, ESM मॉड्यूल, JSX और node_modules रिज़ॉल्यूशन को संभालता है। संक्षेप में, tsx ts-node का एक तेज़ और आधुनिक विकल्प है।

tsx के मुख्य लाभ: गति (esbuild का उपयोग करता है, जो tsc से 10-100 गुना तेज़ है), बिना किसी सेटअप के ESM सपोर्ट, स्वचालित TypeScript कॉन्फ़िगरेशन डिटेक्शन, और बिल्ट-इन --watch मोड। tsx इसके लिए आदर्श है: TypeScript में CLI टूल लिखना, टेस्ट चलाना (Jest, Vitest), ऑटोमेशन स्क्रिप्ट बनाना, तेज़ प्रोटोटाइपिंग और TypeScript सीखना।

2. इंस्टॉलेशन

tsx npm (Node Package Manager) के माध्यम से वितरित किया जाता है और इसे ग्लोबली या प्रोजेक्ट में लोकली इंस्टॉल किया जा सकता है। प्रोजेक्ट डिपेंडेंसी को अलग रखने के लिए लोकल इंस्टॉलेशन अनुशंसित है।

लोकल इंस्टॉलेशन (अनुशंसित):

npm install --save-dev tsx

या yarn का उपयोग करके:

yarn add --dev tsx

या pnpm का उपयोग करके:

pnpm add --save-dev tsx

ग्लोबल इंस्टॉलेशन (कहीं से भी त्वरित एक्सेस के लिए):

npm install -g tsx

इंस्टॉलेशन की जाँच करें:

npx tsx --version

इंस्टॉलेशन के बाद, आप TypeScript फ़ाइलों को npx tsx फ़ाइल_का_नाम.ts (लोकल इंस्टॉलेशन के लिए) या tsx फ़ाइल_का_नाम.ts (ग्लोबल इंस्टॉलेशन के लिए) कमांड से चला सकते हैं।

महत्वपूर्ण: tsx के लिए Node.js संस्करण 18 या उससे ऊपर आवश्यक है। ESM के साथ काम करने के लिए, सुनिश्चित करें कि आपके package.json में "type": "module" फ़ील्ड हो या फ़ाइलों के लिए .mts एक्सटेंशन का उपयोग करें।

3. त्वरित शुरुआत — न्यूनतम कार्यशील उदाहरण

निम्नलिखित सामग्री के साथ hello.ts फ़ाइल बनाएं:

// hello.ts
const greet = (name: string): string => {
    return `नमस्ते, ${name}! tsx की दुनिया में आपका स्वागत है!`;
};

const userName: string = "PythonLib";
console.log(greet(userName));

// आधुनिक JS सुविधाओं का उपयोग
const numbers: number[] = [1, 2, 3, 4, 5];
const doubled = numbers.map((n) => n * 2);
console.log("दोगुनी संख्याएँ:", doubled);

// एसिंक्रोनस कोड
const fetchData = async (): Promise => {
    const data = await Promise.resolve({ id: 1, name: "उदाहरण" });
    console.log("एसिंक्रोनस डेटा:", data);
};

fetchData();

फ़ाइल को इस कमांड से चलाएं:

npx tsx hello.ts

अपेक्षित आउटपुट:

नमस्ते, PythonLib! tsx की दुनिया में आपका स्वागत है!
दोगुनी संख्याएँ: [ 2, 4, 6, 8, 10 ]
एसिंक्रोनस डेटा: { id: 1, name: 'उदाहरण' }

यह उदाहरण tsx की बुनियादी कार्यप्रणाली को दर्शाता है: यह स्वचालित रूप से TypeScript को JavaScript में कंपाइल करता है,

अनुशंसाएँ