GoonDeepSeek R1 इंटीग्रेशन के साथ एक VS Code एक्सटेंशन बनाना
इस लेख में, हम यह जानेंगे कि एक VS Code एक्सटेंशन को स्क्रैच से कैसे बनाया जाए, DeepSeek R1 को इंटीग्रेट करके, जो कि एक कम लागत वाला ओपन-सोर्स रीजनिंग मॉडल है, हमारे एडिटर में एक कस्टम AI असिस्टेंट बनाने के लिए।
DeepSeek R1 का परिचय
DeepSeek R1 एक शक्तिशाली AI मॉडल है जिसने अपने प्रभावशाली प्रदर्शन और ओपन-सोर्स स्वभाव के कारण लोकप्रियता हासिल की है। हालाँकि, वेब UI का उपयोग करने के साथ एक चेतावनी आती है: आपके प्रॉम्प्ट, कीस्ट्रोक और डेटा चीन को भेजे जाते हैं। इससे बचने के लिए, हम मॉडल को स्थानीय रूप से चला सकते हैं, जिससे इंटरनेट कनेक्शन की आवश्यकता समाप्त हो जाएगी।
DeepSeek R1 को स्थानीय रूप से चलाने से पूर्ण स्वतंत्रता मिलती है
एक प्रोजेक्ट जनरेट करना और एक्सटेंशन बनाना
हमारे एक्सटेंशन का निर्माण शुरू करने के लिए, हमें आधिकारिक VS Code स्टार्टर टेम्पलेट का उपयोग करके एक प्रोजेक्ट बनाने की आवश्यकता है। npx कमांड चलाने से हमें प्रश्नों की एक श्रृंखला के माध्यम से मार्गदर्शन मिलेगा, जहाँ हम डिफ़ॉल्ट विकल्पों के साथ बने रह सकते हैं।
एक बार प्रोजेक्ट बन जाने के बाद, हमें extension.ts फ़ाइल मिल सकती है, जो ग्लोबल VS Code ऑब्जेक्ट को इम्पोर्ट करती है। यह ऑब्जेक्ट पूरे VS Code API तक पहुंच प्रदान करता है, जिससे हम एडिटर को कस्टमाइज़ कर सकते हैं।
एक्सटेंशन को कस्टमाइज़ करना
हम एक कमांड रजिस्टर करके अपने एक्सटेंशन को कस्टमाइज़ करना शुरू कर सकते हैं। इस उदाहरण में, हम "hom" नामक एक कमांड बनाएंगे जो निष्पादित होने पर एक एरर मैसेज दिखाता है।
एक्सटेंशन का परीक्षण और डिबगिंग
हमारे एक्सटेंशन का परीक्षण और डिबग करने के लिए, हम डिबगर का उपयोग कर सकते हैं। जब हम डिबगर चलाते हैं, तो हमारा एक्सटेंशन इंस्टॉल होने के साथ एक नई VS Code विंडो खुलेगी। फिर हम कमांड पैलेट खोल सकते हैं और एरर मैसेज देखने के लिए अपना कमांड चला सकते हैं।
एक्सटेंशन का परीक्षण करना एक अनिवार्य कदम है
DeepSeek R1 को एक्सटेंशन में इंटीग्रेट करना
DeepSeek R1 को हमारे एक्सटेंशन में इंटीग्रेट करने के लिए, हम ओलामा नामक एक टूल का उपयोग करेंगे। ओलामा हमें DeepSeek R1 सहित ओपन-सोर्स AI मॉडल को डाउनलोड और चलाने की अनुमति देता है।
Ollama DeepSeek R1 को स्थानीय रूप से चलाना आसान बनाता है
चैट डायलॉग के लिए एक पैनल बनाना
हम चैट डायलॉग को शामिल करने के लिए एक पैनल बनाएंगे, जो हमें सीधे एडिटर में DeepSeek R1 के साथ इंटरैक्ट करने की अनुमति देगा।
चैट डायलॉग के लिए एक पैनल बनाना
चैट डायलॉग के लिए HTML को परिभाषित करना
हम चैट डायलॉग के लिए HTML को परिभाषित करेंगे, जिसमें एक टेक्स्ट एरिया और एक बटन शामिल होगा। HTML के अंदर जावास्क्रिप्ट कोड DeepSeek R1 के साथ इंटरैक्शन को हैंडल करेगा।
चैट डायलॉग के लिए HTML को परिभाषित करना
संदेशों को सुनना और प्रतिक्रिया को स्ट्रीम करना
हम उपयोगकर्ता के संदेशों को सुनेंगे और DeepSeek R1 से प्रतिक्रिया को स्ट्रीम करेंगे। यह हमें रीयल-टाइम में वाक्य दर वाक्य प्रतिक्रिया प्रदर्शित करने की अनुमति देगा।
संदेशों को सुनना और प्रतिक्रिया को स्ट्रीम करना
निष्कर्ष
इस लेख में, हमने सीखा है कि एक कस्टम AI असिस्टेंट बनाने के लिए DeepSeek R1 को हमारे एडिटर में इंटीग्रेट करते हुए, स्क्रैच से एक VS Code एक्सटेंशन कैसे बनाया जाए। हमने एक प्रोजेक्ट बनाने, एक्सटेंशन को कस्टमाइज़ करने, परीक्षण और डिबगिंग, DeepSeek R1 को इंटीग्रेट करने, चैट डायलॉग के लिए एक पैनल बनाने, HTML को परिभाषित करने और संदेशों को सुनने और प्रतिक्रिया को स्ट्रीम करने की प्रक्रिया को कवर किया है।
इस ज्ञान के साथ, अब आप स्क्रैच से अपना स्वयं का कस्टम AI-पावर्ड IDE बना सकते हैं। यदि आप गहराई में जाना चाहते हैं और मेरे काम का समर्थन करते हुए प्रोग्रामिंग में वास्तव में अच्छे बनना चाहते हैं, तो Fireship.io पर प्रो सदस्यता में अपग्रेड करने पर विचार करें। आपको सभी प्रकार के विभिन्न प्रोजेक्ट-आधारित पाठ्यक्रमों तक पहुंच प्राप्त होगी, और सबसे महत्वपूर्ण बात, आप यह समझने के लिए एक नींव बनाएंगे कि चीनी AI देवता वास्तव में क्या कर रहे हैं जब वे आपके लिए आपका कोड लिखते हैं। पढ़ने के लिए धन्यवाद, और मैं आपको अगले में मिलूंगा!