Pipet Code एजेंट की मदद से एआई कोड असिस्टेंट बनाएं

कोड लिखना फ़ायदेमंद और काम का, दोनों हो सकता है, लेकिन इससे आपको कोड पाने में मदद मिलेगी अपने साथियों को प्रज़ेंट करें और उसके हिसाब से काम करना अक्सर आसान नहीं होता. आर्टिफ़िशियल इंटेलिजेंस जनरेटिव मॉडल की मदद से, कोड वाली टिप्पणियां जोड़ी जा सकती हैं, वे गलतियां कर सकते हैं जो आपके समीक्षा करने वाले लोगों से पहले नहीं किए जाते. साथ ही, ऐसे कई काम किए हैं जिनसे इससे कोडिंग का काम आसान हो जाएगा.

इस ट्यूटोरियल में बताया गया है कि पिपेट कोड एजेंट, यह, एआई की मदद से काम करने वाला कोड असिस्टेंट टूल है. इसे एआई डेवलपर रिलेशंस टीम ने बनाया है: Google. यह ओपन सोर्स प्रोजेक्ट Microsoft विज़ुअल Studio का एक्सटेंशन है कोड (VS कोड) की मदद से अपने ऐप्लिकेशन का डेटा इकट्ठा करें कोडिंग के कुछ ज़रूरी, लेकिन कम मज़ेदार कामों को पूरा करना. जैसे, टिप्पणी करना और सुधार के सुझाव देने के साथ-साथ, आपके कोड के लिए सही सेटिंग मौजूद है. एक्सटेंशन भेजता है Gemini API से कोडिंग में मदद करने वाले अनुरोध और जवाबों को कोड में बदलाव करने की विंडो.

आपके पास Pipet वाले कॉन्टेंट में बदलाव करने का विकल्प है इन मौजूदा फ़ंक्शन को आपके लिए बेहतर बनाया जा सके या नए निर्देश बनाए जा सकें से आपको अपने डेवलपमेंट वर्कफ़्लो को बेहतर बनाने में मदद मिलती है.

प्रोजेक्ट के वीडियो के बारे में खास जानकारी पाने और इसे बढ़ाने का तरीका जानने के लिए, जिसमें प्रोजेक्ट से जुड़ी अहम जानकारी भी शामिल है जिन लोगों ने इसे बनाया है, एआई कोड असिस्टेंट - Google के एआई की मदद से बनाएं. इसके अलावा, निर्देशों का पालन करके प्रोजेक्ट का दायरा बढ़ाया जा सकता है देखें.

प्रोजेक्ट सेटअप

इन निर्देशों से, आपको Pipet Code Agent प्रोजेक्ट को सेट अप करने में मदद मिलेगी डेवलपमेंट और टेस्टिंग के लिए इस्तेमाल किया जाता है. सामान्य तरीके से, ऐप्लिकेशन इंस्टॉल करने के लिए कुछ ज़रूरी शर्तें सॉफ़्टवेयर बनाना, एनवायरमेंट में कुछ वैरिएबल सेट करना, कोड से प्रोजेक्ट की क्लोनिंग करना और कॉन्फ़िगरेशन को इंस्टॉल किया जा सकता है.

ज़रूरी शर्तें इंस्टॉल करें

Pipet Code Agent प्रोजेक्ट, Microsoft विज़ुअल Studio के एक्सटेंशन के तौर पर काम करता है कोड और उनका इस्तेमाल Node.js और npm टूल को मैनेज करने के लिए और ऐप्लिकेशन को रन करता है. इंस्टॉल करने के ये निर्देश हैं: में साइन इन करने की ज़रूरत नहीं होती.

ज़रूरी सॉफ़्टवेयर इंस्टॉल करने के लिए:

  1. विज़ुअल स्टूडियो कोड इंस्टॉल करें सबसे सही तरीके हैं.
  2. इंस्टॉलेशन को फ़ॉलो करके node और npm इंस्टॉल करें निर्देश दिए गए हैं.

प्रोजेक्ट का क्लोन बनाएं और उसे कॉन्फ़िगर करें

प्रोजेक्ट कोड डाउनलोड करें और डाउनलोड करने के लिए, npm इंस्टॉल करने का निर्देश इस्तेमाल करें सभी ज़रूरी डिपेंडेंसी डालें और प्रोजेक्ट को कॉन्फ़िगर करें. आपको इनकी ज़रूरत होगी git सोर्स कंट्रोल सॉफ़्टवेयर को वापस पाना प्रोजेक्ट का सोर्स कोड डालें.

प्रोजेक्ट कोड को डाउनलोड और कॉन्फ़िगर करने के लिए:

  1. नीचे दिए गए निर्देश का इस्तेमाल करके, git रिपॉज़िटरी का क्लोन बनाएं.
    git clone https://github.com/google/generative-ai-docs
  2. इसके अलावा, स्पार्स चेकआउट का इस्तेमाल करने के लिए, अपना लोकल GitHub रिपॉज़िटरी कॉन्फ़िगर करें, इसलिए आपके पास केवल दस्तावेज़ एजेंट प्रोजेक्ट की फ़ाइलें हों. 
    cd generative-ai-docs/
git sparse-checkout init --cone
git sparse-checkout set examples/gemini/node/pipet-code-agent/
  3. Pipet Code Agent प्रोजेक्ट की रूट डायरेक्ट्री पर जाएं. 
    cd generative-ai-docs/examples/gemini/node/pipet-code-agent/
  4. डिपेंडेंसी डाउनलोड करने और प्रोजेक्ट को कॉन्फ़िगर करने के लिए, इंस्टॉल करें निर्देश चलाएं: 
    npm install

एक्सटेंशन को कॉन्फ़िगर करना और उसकी जांच करना

इंस्टॉल करने की प्रोसेस की जांच करने के लिए, अब Pipet Code Agent को इस तरह इस्तेमाल करें: VS कोड में एक डेवलपमेंट एक्सटेंशन होता है. इस जांच से एक अलग VS खुलता है कोड एक्सटेंशन डेवलपमेंट होस्ट विंडो, जहां नया एक्सटेंशन उपलब्ध है. इस नई विंडो में, उस एपीआई पासकोड को कॉन्फ़िगर किया जाता है जिसका इस्तेमाल एक्सटेंशन, Google Gemini API.

एक्सटेंशन डेवलपमेंट होस्ट विंडो में चल रहा पाइप कोड एजेंट पहली इमेज. पिपेट के साथ वीएस कोड एक्सटेंशन डेवलपमेंट होस्ट विंडो एक्सटेंशन कमांड का इस्तेमाल करें.

अपना सेटअप कॉन्फ़िगर करने और उसकी जांच करने के लिए:

  1. VS Code ऐप्लिकेशन खोलें.
  2. बनाम कोड में, फ़ाइल > नई विंडो पर क्लिक करें.
  3. पाइप कोड एजेंट प्रोजेक्ट खोलने के लिए, फ़ाइल > फ़ोल्डर खोलें, और pipet-code-agent/ फ़ोल्डर को चुनें.
  4. pipet-code-agent/package.json फ़ाइल खोलें.
  5. Run > डीबग करना शुरू करें. इस चरण से एक अलग वीएस कोड एक्सटेंशन डेवलपमेंट होस्ट विंडो खुलती है.
  6. कोड > सेटिंग > सेटिंग.
  7. Google Gemini API पासकोड पाने के लिए, जनरेटिव एआई डेवलपर साइट पर जाएं और मुख्य स्ट्रिंग को कॉपी करें.
  8. एपीआई पासकोड को कॉन्फ़िगरेशन सेटिंग के तौर पर सेट करें. Search की सेटिंग में फ़ील्ड में, pipet टाइप करें, उपयोगकर्ता टैब चुनें, और Google > Gemini: Api Key सेटिंग, Settings.json में बदलाव करें लिंक पर क्लिक करें, और अपने Gemini API कुंजी: 
    "google.gemini.apiKey": "your-api-key-here"
  9. settings.json फ़ाइल में किए गए बदलावों को सेव करें और सेटिंग टैब बंद करें.

एक्सटेंशन कमांड की जांच करने के लिए:

  1. बनाम कोड एक्सटेंशन डेवलपमेंट होस्ट विंडो में, कोई भी कोड चुनें पर क्लिक करें.
  2. View > को चुनकर कमांड पैलेट खोलें Command पैलेट.
  3. Command पैलेट में, Pipet टाइप करें और इनमें से किसी एक निर्देश को चुनें: जोड़ें.

मौजूदा कमांड में बदलाव करें

Pipet Code Agent में दिए गए निर्देशों में बदलाव करना, इन कामों का सबसे आसान तरीका है एक्सटेंशन के व्यवहार और क्षमताओं को बदल सकता है. टिप्पणी और समीक्षा करने के लिए, कुछ शॉट प्रॉम्प्ट तो उस कोड के लिए कोड और टिप्पणियों के उदाहरण के साथ-साथ कुछ एआई जनरेटिव मॉडल के लिए सामान्य निर्देश. इस प्रॉम्प्ट का कॉन्टेक्स्ट इस जानकारी से, Gemini के जनरेटिव मॉडल को जवाब देने में मदद मिलती है. इन्होंने बदलाव किया है निर्देश, उदाहरणों या फिर दोनों को बदलकर, देखने के लिए, आपके पास हर मौजूदा निर्देश के काम करने का तरीका बदलने का विकल्प होता है.

निर्देशों का यह सेट बताता है कि कैसे review.ts कमांड को कमांड के प्रॉम्प्ट टेक्स्ट को बदल रही हूँ.

review.ts निर्देश में बदलाव करने की तैयारी करने के लिए:

  1. VS Code ऐप्लिकेशन खोलें.
  2. बनाम कोड में, फ़ाइल > नई विंडो पर क्लिक करें.
  3. Pipet Code Agent प्रोजेक्ट खोलें. इसके लिए फ़ाइल > फ़ोल्डर खोलें, और pipet-code-agent/ फ़ोल्डर को चुनें.
  4. pipet-code-agent/src/review.ts फ़ाइल खोलें.

review.ts निर्देश के व्यवहार को बदलने के लिए:

  1. review.ts फ़ाइल में, 'अनुरोध की शुरुआत' में बदलाव करें से अलग है. 
    const PROMPT = '
Write review comments for following code, identifying bugs and ways to improve code quality. Examples of bugs are syntax errors or typos, out of memory errors, and boundary value errors. Examples of improving code quality are reducing complexity of code, eliminating duplicate code, and ensuring other developers
are able to understand the code.
${CODE_LABEL}
...
  2. वैकल्पिक रूप से, review.ts फ़ाइल में, कोड और कोड की समीक्षा के उदाहरणों की सूची. 
    ...
${REVIEW_LABEL}
There are duplicate lines of code in this control structure.
${CODE_LABEL}
const fixed_value = 128;
${REVIEW_LABEL}
Make sure constant names are in all capitals (FIXED_VALUE) for clarity.
';
  3. review.ts फ़ाइल में किए गए बदलावों को सेव करें.

बदले गए निर्देश की जांच करने के लिए:

  1. VS Code Pipet एक्सटेंशन प्रोजेक्ट विंडो में, डीबगर को इस तरीके से रीस्टार्ट करें: Run > डीबग करना फिर से शुरू करें.
  2. बनाम कोड एक्सटेंशन डेवलपमेंट होस्ट विंडो में, कोई भी कोड चुनें पर क्लिक करें.
  3. View > को चुनकर कमांड पैलेट खोलें Command पैलेट.
  4. Command पैलेट में, Pipet टाइप करें और Pipet: Review चुना गया कोड निर्देश.

नया निर्देश बनाएं

Pipet वाले कन्वर्ज़न को आगे बढ़ाने के लिए, नए निर्देश बनाए जा सकते हैं. ये निर्देश, बिलकुल नए टास्क पूरे करते हैं Gemini API का इस्तेमाल करते हैं. हर कमांड फ़ाइल (comment.ts और review.ts) इसमें पूरी जानकारी होती है. साथ ही, इसमें ऐक्टिव एडिटर से टेक्स्ट इकट्ठा करने के लिए कोड शामिल होता है. प्रॉम्प्ट लिखने, Gemini API से कनेक्ट करने, प्रॉम्प्ट भेजने, और हैंडल करने के बारे में जानकारी जवाब को प्राथमिकता दें.

पाइप कोड एजेंट, जिसके नाम के साथ चुनने का फ़ंक्शन दिखाया गया है दूसरी इमेज. वीएस कोड एक्सटेंशन में नए फ़ंक्शन के नाम के सुझाव का निर्देश डेवलपमेंट होस्ट विंडो.

निर्देशों का यह सेट बताता है कि टेंप्लेट के तौर पर, मौजूदा निर्देश comment.ts.

फ़ंक्शन के नामों का सुझाव देने वाला निर्देश बनाने के लिए:

  1. pipet-code-agent/src/comment.ts फ़ाइल की कॉपी बनाएं src/ डायरेक्ट्री में name.ts कहा जाता है.
  2. बनाम कोड में src/name.ts फ़ाइल खोलें.
  3. name.ts फ़ाइल में प्रॉम्प्ट के लिए दिए गए निर्देशों को इसके हिसाब से बदलें PROMPT वैल्यू में बदलाव किया जा रहा है. 
    // Provide instructions for the AI generative model
const PROMPT = `Recommend a name for this function. Explain your
reasoning in 3 sentences or less:`;
  4. कमांड फ़ंक्शन का नाम और उसके जानकारी वाले मैसेज को बदलें. 
    export async function generateName() {
  vscode.window.showInformationMessage('Generating function name...');
  5. सिर्फ़ PROMPT को शामिल करने के लिए, प्रॉम्प्ट असेंबली कोड को अपडेट करें वैल्यू और एडिटर में चुने गए टेक्स्ट को. 
      // Build the full prompt using the template.
  const fullPrompt = `${PROMPT}
"
${selectedCode}
"
`;
  6. रिस्पॉन्स आउटपुट में बदलाव करके बताएं कि इससे क्या जनरेट हो रहा है. 
        // update prefix to describe output
    let commentIntro = padding + commentPrefix + "Recommended name: (generated)\n";
    editBuilder.insert(selection.start, commentIntro);
    editBuilder.insert(selection.start, pyComment);
  7. review.ts फ़ाइल में किए गए बदलावों को सेव करें.

नए कमांड को शामिल करना

नए निर्देश के लिए कोड पूरा करने के बाद, आपको उसे एक्सटेंशन की एक बड़ी संख्या डालें. extension.ts और package.json फ़ाइलों को इसमें अपडेट करें: नए कमांड को एक्सटेंशन का हिस्सा बनाएं और शुरू करने के लिए VS कोड को चालू करें नया निर्देश मिलेगा.

name कमांड को एक्सटेंशन कोड के साथ इंटिग्रेट करने के लिए:

  1. बनाम कोड में pipet-code-agent/src/extension.ts फ़ाइल खोलें.
  2. एक नया इंपोर्ट जोड़कर एक्सटेंशन में नई कोड फ़ाइल जोड़ें स्टेटमेंट का इस्तेमाल करें. 
    import { generateName } from './name';
  3. नए कमांड को रजिस्टर करने के लिए, activate() फ़ंक्शन का इस्तेमाल करना होगा. 
    export function activate(context: vscode.ExtensionContext) {
    ...
    vscode.commands.registerCommand('pipet-code-agent.nameFunction', generateName);
}
  4. extension.ts फ़ाइल में किए गए बदलावों को सेव करें.

name कमांड को एक्सटेंशन पैकेज के साथ इंटिग्रेट करने के लिए:

  1. बनाम कोड में pipet-code-agent/package.json फ़ाइल खोलें.
  2. पैकेज के commands सेक्शन में नया निर्देश जोड़ें फ़ाइल से लिए जाते हैं. 
      "contributes": {
    "commands": [
      ...
      {
        "command": "pipet-code-agent.nameFunction",
        "title": "Pipet: Name the selected function."
      }
    ],
  3. package.json फ़ाइल में किए गए बदलावों को सेव करें.

नए निर्देश की जांच करें

जब आप निर्देश पर कोडिंग कर लें और उसे तो आप इसकी जांच कर सकते हैं. आपका नया निर्देश सिर्फ़ वीएस कोड में उपलब्ध है एक्सटेंशन डेवलपमेंट होस्ट विंडो होती है, जबकि वीएस कोड विंडो में नहीं होती, जहां ने एक्सटेंशन के कोड में बदलाव किया है.

बदले गए निर्देश की जांच करने के लिए:

  1. VS Code Pipet एक्सटेंशन प्रोजेक्ट विंडो में, डीबगर को इस तरीके से रीस्टार्ट करें: Run > डीबग करने की प्रोसेस को रीस्टार्ट करें. इससे, डीबग की प्रोसेस अलग से रीस्टार्ट होती है एक्सटेंशन डेवलपमेंट होस्ट विंडो.
  2. बनाम कोड एक्सटेंशन डेवलपमेंट होस्ट विंडो में, कुछ कोड चुनें पर क्लिक करें.
  3. View > को चुनकर कमांड पैलेट खोलें Command पैलेट.
  4. Command पैलेट में, Pipet टाइप करें और Pipet: Name चुना गया फ़ंक्शन निर्देश.

अन्य संसाधन

Pipet Code Agent प्रोजेक्ट के बारे में ज़्यादा जानकारी के लिए, इसे देखें कोड रिपॉज़िटरी के लिए भी ऐसा कर सकते हैं. अगर आपको ऐप्लिकेशन बनाने में मदद चाहिए या डेवलपर की तलाश है मिलकर काम करने के लिए, Google Developers कम्यूनिटी Discord सर्वर.

प्रोडक्शन ऐप्लिकेशन

यदि आपको दस्तावेज़ एजेंट को बड़ी ऑडियंस के लिए डिप्लॉय करना है, तो ध्यान रखें कि Google Gemini API पर, अनुरोधों की संख्या सीमित की जा सकती है और इस्तेमाल पर पाबंदियां लगी होती हैं. अगर आपको Gemini API की मदद से प्रोडक्शन के लिए ऐप्लिकेशन बनाना है, जैसे कि Docs एजेंट, पैसे चुकाएं Google Cloud Vertex AI सेवाएं जोड़ी जा सकती हैं.