ChatGPT को VS कोड के साथ एकीकृत करके अपनी कोडिंग उत्पादकता को अगले स्तर पर ले जाएं।

आप अपने कार्यों के बॉस हो सकते हैं और अपनी उत्पादकता को बढ़ा सकते हैं जब आप प्रतिदिन अनुसंधान प्रयोगशालाओं से बाहर आने वाले एआई उपकरणों का लाभ उठाना सीखते हैं। वीएस कोड आपको ओपनएआई-सक्षम कोडिंग वातावरण लाने के लिए चैटजीपीटी एक्सटेंशन की सुविधा देता है।

आप अपनी परियोजनाओं को अधिक कुशलतापूर्वक और तेज़ी से पूरा करने के लिए ChatGPT के विशाल कोडिंग मॉडल का लाभ उठा सकते हैं— ठीक IDE के भीतर। यहाँ आसान तरीके दिए गए हैं जिनसे आप VS कोड के साथ ChatGPT का उपयोग कर सकते हैं।

कैसे स्थापित करें और VS कोड में ChatGPT एक्सटेंशन का उपयोग करें

जब आप वीएस कोड एक्सटेंशन मार्केटप्लेस में "चैटजीपीटी" या "कोड जीपीटी" खोजते हैं, तो कई संबंधित एक्सटेंशन सामने आते हैं। GitHub Copilot के विपरीत, ये आधिकारिक तौर पर सीधे OpenAI से नहीं हैं।

हालांकि अधिकांश वीएस कोड चैटजीपीटी एक्सटेंशन समान तरीके से काम करते हैं। लेकिन हम डटे रहेंगे EasyCode का ChatGPT एक्सटेंशन इस लेख के लिए, क्योंकि यह वीएस कोड में चैटजीपीटी उपयोग के मामलों को प्रदर्शित करने के लिए बहुत अच्छा है। यह GPT-4 और GPT-3.5 का समर्थन करता है, इसमें एक फ्री टियर है, और इसके लिए API कुंजी की आवश्यकता नहीं है।

instagram viewer

VS कोड में ChatGPT एक्सटेंशन इंस्टॉल करने के लिए:

  1. वीएस कोड खोलें और बाएं साइडबार के नीचे बाईं ओर सेटिंग आइकन पर क्लिक करें।
  2. के लिए जाओ एक्सटेंशन.
  3. वैकल्पिक रूप से दबाएं Ctrl + शिफ्ट + एक्स (कमांड + शिफ्ट + एक्स मैक के लिए) एक्सटेंशन के मार्केटप्लेस को सीधे खोलने के लिए।
  4. टॉप-लेफ्ट में सर्च बार में "ChatGPT - EasyCode" टाइप करें।
  5. दिखाई देने पर एक्सटेंशन पर क्लिक करें।
  6. अंत में क्लिक करें स्थापित करना.
  7. एक बार इंस्टॉल हो जाने पर आपको बाएं साइडबार में एक्सटेंशन आइकन दिखाई देगा।
  8. एक्सटेंशन आइकन पर क्लिक करें। क्लिक बिना खाते के प्रयास करें. लेकिन बेझिझक दाखिल करना यदि आपके पास खाता है या साइन अप करें विस्तार प्रदाता के साथ एक नए खाते के लिए।

चैटजीपीटी एक्सटेंशन का उपयोग कैसे करें

  1. बिल्ट-इन प्रॉम्प्ट का उपयोग करने के लिए, लक्ष्य कोड को हाइलाइट करें और उसे राइट-क्लिक करें। उपलब्ध संकेतों में से किसी का चयन करें।
  2. कस्टम प्रॉम्प्ट लिखने के लिए, हाइलाइट किए गए कोड पर राइट-क्लिक करें और GPT से पूछें चुनें। सबसे ऊपर चैट बॉक्स में अपना संकेत टाइप करें और दबाएं प्रवेश करना.

अपने कोड बेस के साथ चैटजीपीटी एक्सटेंशन का उपयोग कैसे करें

यदि आपने अपने कोड आधार निर्देशिका में VS कोड खोला है और चाहते हैं कि ChatGPT अंतर्निहित मॉड्यूल तक पहुंच जाए:

  1. बाएं साइडबार पर एक्सटेंशन आइकन पर क्लिक करें। फिर चेक करें कोडबेस से पूछें डिब्बा।
  2. लक्ष्य कोड को कॉपी करें और इसे चैट बॉक्स में पेस्ट करें।
  3. कोड के नीचे अपना संकेत टाइप करें (प्रेस शिफ्ट + एंटर) चैट बॉक्स में।
  4. प्रेस प्रवेश करना या भेजें आइकन पर क्लिक करें।

आइए अब वीएस कोड में चैटजीपीटी का उपयोग करने के विभिन्न तरीकों को देखें।

1. रिफैक्टर और संशोधित कोड

ChatGPT प्रक्रियात्मक, कार्यात्मक और वस्तु-उन्मुख कोड को संशोधित करने में मददगार साबित हुआ है।

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

डीईएफ़makeDict(n: str, **kwargs)-> तानाशाही:
 कुछ: तानाशाही
के लिए मौलिक मूल्य में kwargs.items ():
 कुछ = एन +" "+ मूल्य
वापस करना कुछ
न्यूडिक्ट = मेकडिक्ट ("खरीदना", आइटम 1 ="जीपीटी बुक", मद 2 ="जावा ट्यूटोरियल", मद 3 ="लंबी पैदल यात्रा गाइड")

संशोधन के विस्तृत कारणों के साथ, अपेक्षित आउटपुट देने वाले सही कोड का उत्पादन बहुत अच्छा किया:

इसके अलावा, आप का उपयोग कर सकते हैं फॉलोअप पूछें ChtGPT को कोड को एक वर्ग में बदलने के लिए बॉक्स और यह दिखाने के लिए कि इसे कैसे तत्काल करना है:

ऊपर उत्पन्न कोड अधिक मॉड्यूलर और पुन: प्रयोज्य है।

2. अपना कोड डीबग करें

यदि आपका कोड कोई त्रुटि फेंकता है या काम नहीं करता है जैसा कि उसे करना चाहिए, तो ChatGPT को इसे सीधे VS कोड के अंदर डीबग करने के लिए कहने से समय की बचत होती है।

हालांकि डिबगिंग के लिए कोई अंतर्निहित संकेत नहीं है, आप इसका उपयोग कर सकते हैं जीपीटी से पूछो अपने कोड को डीबग करने के लिए एक कस्टम प्रॉम्प्ट बनाने का विकल्प।

हमने चैटजीपीटी एक्सटेंशन से उस कोड को डिबग करने के लिए कहा जो हमने पहले इस्तेमाल किया था। न केवल डिबग किया। इसने इसे समझाया और इसके अपेक्षित आउटपुट सहित सही उत्पन्न किया।

3. अपना कोड दूसरी भाषा में लिखें

हो सकता है कि आप अपने कोर के अलावा किसी विशेष भाषा में प्रोग्राम लिखना चाहें। आप अपना कोड अपनी मूल भाषा में लिख सकते हैं और ChatGPT को इसे चुनी हुई प्रोग्रामिंग भाषा में फिर से लिखने के लिए कह सकते हैं।

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

उदाहरण के लिए, हमने वीएस कोड चैटजीपीटी एक्सटेंशन का उपयोग करके निम्नलिखित पायथन कोड को इसके सी समकक्ष में परिवर्तित कर दिया:

आप इसे हाइलाइट किए गए कोड पर राइट-क्लिक करके और चयन करके प्राप्त कर सकते हैं जीपीटी से पूछो विकल्प।

यहाँ वीएस कोड में हमारा संकेत है:

हालांकि यह सही होने से पहले दो बार सी समकक्ष उत्पन्न करता है, अंतिम कोड काम करता है।

4. अपने एपीआई के लिए एक दृश्यपटल घटक उत्पन्न करें

यदि आपने अलग-अलग समापन बिंदुओं के साथ एक एपीआई लिखा है, तो आप चैटजीपीटी एक्सटेंशन को एक विशेष ढांचे का उपयोग करके इसका उपभोग करने के लिए एक फ्रंटएंड घटक प्रदान करने के लिए कह सकते हैं। यह रिएक्ट, वीयू या एंगुलर हो सकता है।

उदाहरण के लिए, हमने Python के FastAPI का उपयोग करके बनाए गए API समापन बिंदु के आधार पर मीटिंग शेड्यूल बनाने के लिए रिएक्ट घटक उत्पन्न करने के लिए एक्सटेंशन का उपयोग किया:

जैसा कि ऊपर किया गया है, आप जांचना चाहेंगे कोडबेस से पूछें बॉक्स यदि आप एक बड़े कोड बेस के साथ काम कर रहे हैं।

हमारे कोड बेस को संदर्भित करने के बाद, वीएस कोड चैटजीपीटी एक्सटेंशन ने प्रदान किए गए समापन बिंदु का उपयोग करने के लिए एक आसान रिएक्ट घटक प्रदान किया:

5. कोड ब्लॉक को समझाइए

मान लें कि आपने स्टैक ओवरफ्लो या गिटहब रिपॉजिटरी से कोड का एक टुकड़ा लिया है। बेहतर समझ के लिए आप वीएस कोड में चैटजीपीटी एक्सटेंशन से यह समझाने के लिए कह सकते हैं कि यह कैसे काम करता है। यदि भविष्य में कोड परिवर्तन के कारण बग उत्पन्न होते हैं तो यह आपको ऐसे कोड को आसानी से डिबग करने में मदद करता है।

इस उदाहरण उपयोग मामले में, हमने ChatGPT एक्सटेंशन से निम्नलिखित कोड की व्याख्या करने के लिए कहा; उपयोगकर्ताओं के ईमेल पतों को सत्यापित करने के लिए एक पायथन वर्ग।

इसने निम्नलिखित प्रतिक्रिया उत्पन्न की:

6. अपने एप्लिकेशन के लिए HTML टेम्प्लेट जेनरेट करें

वीएस कोड में चैटजीपीटी एक्सटेंशन का उपयोग करके, आप सीधे एक्सटेंशन चैट बॉक्स का उपयोग करके स्क्रैच से एक HTML टेम्पलेट (इनपुट फ़ील्ड की तरह) बना सकते हैं। उदाहरण के लिए, आप इसे उपयोगकर्ता पंजीकरण के लिए HTML टेम्पलेट बनाने के लिए कह सकते हैं।

लेकिन क्या होगा यदि आप एक ऐसा एप्लिकेशन लिख रहे हैं जो डेटा को सीधे HTML (एक गैर-एसपीए) में प्रस्तुत करता है और एक परियोजना-विशिष्ट टेम्पलेट चाहता है? आप HTML टेम्प्लेट बनाने के लिए VS कोड में ChatGPT एक्सटेंशन का उपयोग कर सकते हैं जो उपयोगकर्ताओं को बैकएंड डेटा प्रदर्शित करता है।

उदाहरण के लिए, यदि आप एक का उपयोग कर रहे हैं MVT आर्किटेक्चर-आधारित फ्रेमवर्क जैसे Django, आप अपने Django विचारों के लिए HTML टेम्प्लेट बनाने के लिए एक्सटेंशन का उपयोग कर सकते हैं।

दोबारा, इस प्रकार के उपयोग के मामले के लिए, आप शायद क्लिक करना चाहें कोडबेस से पूछें अपने कोड आधार तक पहुँचने के लिए ChatGPT के लिए चेकबॉक्स।

7. यूनिट-टेस्ट योर कोड

इकाई परीक्षण जितना आवश्यक है, यह एक समय उपभोक्ता हो सकता है। आप अपने कोड के लिए इकाई परीक्षण उत्पन्न करने और मूल्यवान विकास समय बचाने के लिए वीएस कोड चैटजीपीटी एक्सटेंशन का लाभ उठा सकते हैं।

हालाँकि, ChatGPT एक्सटेंशन में यूनिट टेस्ट जेनरेट करने के लिए एक बिल्ट-इन प्रॉम्प्ट है, आप इसका उपयोग करके एक कस्टम प्रॉम्प्ट लिखना चाह सकते हैं कोडबेस से पूछें विशिष्टता और बेहतर परिणाम के लिए विकल्प।

हमने चैटजीपीटी को पायथन के फास्टएपीआई का उपयोग करके बनाए गए पंजीकरण समापन बिंदु के लिए एक इकाई परीक्षण लिखने के लिए कहा:

यह आवश्यक इकाई परीक्षण उत्पन्न करने के लिए कुशलतापूर्वक कोड आधार का नमूना लेता है:

8. संभावित सुरक्षा कमजोरियों का पता लगाएं

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

ChatGPT को अपना कोड आधार स्कैन करने की अनुमति देने के लिए, का उपयोग करें कोडबेस से पूछें विकल्प (एक्सटेंशन आइकन पर क्लिक करें और चेक करें कोडबेस से पूछें डिब्बा)।

यदि आप आमतौर पर कुछ पुराने या के आसपास अपना जुआ खेलते हैं नई वीएस कोड सुविधाएँ, ChatGPT एक्सटेंशन से IDE के बारे में बेझिझक पूछें।

उदाहरण के लिए, आप एक्सटेंशन से किसी विशेष प्रोग्रामिंग भाषा को डीबग करने के लिए सर्वोत्तम एक्सटेंशन की सिफारिश करने के लिए कह सकते हैं।

या आप इसे अधिक तकनीकी प्रश्न पूछ सकते हैं, जैसे कि कमांड लाइन से वीएस कोड कैसे खोलें।

10. प्रलेखन सीधे वीएस कोड से लिखें

आप चैटजीपीटी एक्सटेंशन का उपयोग करके आसानी से वीएस कोड से सीधे कोड के एक टुकड़े के लिए विस्तृत दस्तावेज लिख सकते हैं।

उदाहरण के लिए, यहां ज़ूम लिंक निर्माण फ़ंक्शन (HTML प्रारूप में) का एक विस्तृत दस्तावेज़ है जिसे हमने VS कोड चैटजीपीटी एक्सटेंशन का उपयोग करके उत्पन्न किया है:

वीएस कोड में चैटजीपीटी के साथ कुशलता से कोड

एक तेज़ गति वाले इंटरनेट में एक प्रोग्रामर के रूप में, आप कम से कम न्यूनतम समय में एक न्यूनतम व्यवहार्य उत्पाद प्राप्त करना चाहते हैं। हालांकि चैटजीपीटी पूरी तरह से भरोसेमंद नहीं है, लेकिन रचनात्मक रूप से उपयोग किए जाने पर यह आपकी विकास यात्रा में सहायता कर सकता है। और प्रोग्रामिंग में ChatGPT के और भी कई उपयोग मामले हैं। हालाँकि, कहा गया है कि सभी के साथ, सुनिश्चित करें कि आप ChatGPT के परिणामों को मान्य करते हैं, क्योंकि वे कभी-कभी भ्रामक हो सकते हैं।