टाइपस्क्रिप्ट जावास्क्रिप्ट का एक सुपरसेट है जिसे सुरक्षित, बड़े पैमाने पर अनुप्रयोगों के निर्माण के लिए विकसित किया गया है। यह भाषा में वैकल्पिक स्थैतिक टाइपिंग जोड़ता है, जिससे संकलन से पहले त्रुटियों का पता लगाना आसान हो जाता है।
भाषा कुछ ऐसी विशेषताओं का भी परिचय देती है जो जावास्क्रिप्ट में मौजूद नहीं हैं। इनमें जेनरिक, कक्षाएं, इंटरफेस, एनम और डेकोरेटर शामिल हैं।
अपना पहला टाइपस्क्रिप्ट प्रोजेक्ट शुरू से कुछ ही चरणों में सेट करने का तरीका जानें।
चरण 1: टाइपस्क्रिप्ट स्थापित करना
उपयोग करने से पहले टाइपप्रति अपने सिस्टम पर, आपको विश्व स्तर पर टाइपस्क्रिप्ट कंपाइलर स्थापित करना होगा।
टाइपस्क्रिप्ट को विश्व स्तर पर स्थापित करने के लिए निम्न कमांड चलाएँ:
NPM इंस्टॉल -जी टाइपस्क्रिप्ट
चरण 2: अपना प्रोजेक्ट सेट करना
अपना टाइपस्क्रिप्ट प्रोजेक्ट सेट करने के लिए, में एक खाली प्रोजेक्ट निर्देशिका बनाकर प्रारंभ करें आपकी पसंद का कोई भी आईडीई.
फिर, के साथ अपनी फ़ाइलें बनाएं .ts दस्तावेज़ विस्तारण। टाइपस्क्रिप्ट किसी भी वातावरण में नहीं चल सकता। इस प्रकार, इसे चलाने से पहले इसे जावास्क्रिप्ट में संकलित किया जाना चाहिए।
अपनी टाइपस्क्रिप्ट फ़ाइलों को जावास्क्रिप्ट में संकलित करने के लिए, अपने टर्मिनल पर अपनी परियोजना निर्देशिका में नेविगेट करें। फिर भागो टीएससी इसके बाद आपकी टाइपस्क्रिप्ट फ़ाइल का नाम आता है।
उदाहरण के लिए:
टीएससीअनुक्रमणिका.ts
यह आदेश एक बना देगा index.js उसी निर्देशिका के अंदर फ़ाइल करें your index.ts फ़ाइल रहती है।
यह व्यवहार अवांछनीय हो सकता है क्योंकि यह आपके प्रोजेक्ट को कई के साथ प्रबंधित करना कठिन बना देगा .जेएस तथा .ts एक ही निर्देशिका में फ़ाइलें।
आप इस डिफ़ॉल्ट व्यवहार को बदलते हैं और का उपयोग करके अपने टाइपस्क्रिप्ट कंपाइलर के व्यवहार को संशोधित करते हैं tsconfig.json फ़ाइल।
a. बनाने के लिए अपने टर्मिनल में निम्न कमांड चलाएँ tsconfig.json अपनी परियोजना में फ़ाइल करें:
टीएससी --इस में
यह आपके टाइपस्क्रिप्ट कंपाइलर के लिए सभी कॉन्फ़िगरेशन सेटिंग्स वाली एक फ़ाइल उत्पन्न करता है।
आप यहां केवल अपनी परियोजना शुरू करने के लिए आवश्यक बुनियादी बातों को शामिल करेंगे, लेकिन आप इसके बारे में अधिक जान सकते हैं टाइपस्क्रिप्ट tsconfig दस्तावेज़ीकरण.
चरण 3: बेहतर वर्कफ़्लो के लिए टाइपस्क्रिप्ट कंपाइलर सेट करना
tsconfig.json फ़ाइल में सात खंडों में विभाजित टाइपस्क्रिप्ट कंपाइलर के लिए कॉन्फ़िगरेशन विकल्प हैं:
- परियोजनाओं
- भाषा और पर्यावरण
- मॉड्यूल
- जावास्क्रिप्ट समर्थन
- फेंकना
- इंटरऑप बाधाएं
- प्रकार-चेकिंग
- संपूर्णता
अधिकांश गुण डिफ़ॉल्ट रूप से अक्षम हैं (उन पर टिप्पणी की गई है)। आप उन्हें अन-टिप्पणी करके सक्रिय और संशोधित कर सकते हैं।
अपनी जेनरेट की गई JavaScript फ़ाइलों का स्थान बदलने के लिए आपको जिन चरणों का पालन करना होगा, वे यहां दिए गए हैं:
- खुला हुआ tsconfig.json और पता लगाएँ फेंकना खंड।
- में फेंकना अनुभाग, टिप्पणी रद्द करें आउटडिरो संपत्ति और उस निर्देशिका को निर्दिष्ट करें जिसे आप संकलित करना चाहते हैं .ts फ़ाइलें। अब जब भी आप दौड़ें टीएससी, आपका .जेएस फ़ाइलें निर्दिष्ट फ़ोल्डर में होंगी।
दौड़ना टीएससी जिस फ़ाइल को आप संकलित करना चाहते हैं उसका नाम आपके वर्कफ़्लो के लिए इष्टतम नहीं है, खासकर जब आपको कई फ़ाइलों को संकलित करने की आवश्यकता होती है।
इस समस्या को हल करने के लिए, टाइपस्क्रिप्ट कंपाइलर एक संपत्ति प्रदान करता है जो इसे एक निर्देशिका में सभी फाइलों को एक कमांड में संकलित करने की अनुमति देता है।
इसे सेट करने के लिए इन चरणों का पालन करें:
- खुला हुआ tsconfig.json और पता लगाएँ मॉड्यूल खंड।
- में मॉड्यूल अनुभाग, टिप्पणी रद्द करें रूटडिर संपत्ति या रूटडिर्स (यदि आप चाहते हैं कि कंपाइलर एकाधिक संकलित करे .ts निर्देशिकाओं में .जेएस) और फ़ाइल निर्देशिका निर्दिष्ट करें।
ये सेटिंग्स आपके वर्कफ़्लो को बेहतर बनाएगी और आपकी फ़ाइलों को बनाए रखना आसान होगा।
टाइपस्क्रिप्ट के लाभ
जावास्क्रिप्ट पर टाइपस्क्रिप्ट का प्रमुख लाभ इसकी टाइप-सुरक्षा है। टाइपस्क्रिप्ट हार्ड-टू-फाइंड बग्स का शीघ्रता से पता लगाना संभव बनाता है। यह सुविधा इसे सुरक्षित और बड़े पैमाने पर अनुप्रयोगों के निर्माण के लिए आदर्श बनाती है।