IDX में Gemini से चैट करें

Project IDX, एआई की मदद से काम करने वाले चैटबॉट की मदद से, डेवलपमेंट वर्कफ़्लो को आसान बनाता है. IDX में Gemini की चैट सहायता का इस्तेमाल करने से पहले, पक्का करें कि आपने Gemini को अपने Workspace में जोड़ लिया हो.

Gemini के साथ इंटरैक्टिव चैट की सुविधा का इस्तेमाल शुरू करना

  1. Project IDX खोलें. अगर आपने पहले से ऐसा नहीं किया है, तो अपने वर्कस्पेस में Gemini जोड़ें.

  2. वर्कस्पेस में सबसे नीचे मौजूद Gemini आइकॉन पर क्लिक करें या Cmd+Shift+Space (ChromeOS, Windows या Linux पर Ctrl+Shift+Space) दबाएं. इंटरैक्टिव चैट साइडबार दिखेगा.

इंटरैक्टिव चैट की सुविधा चालू होने के बाद, Gemini से सवाल पूछे जा सकते हैं और कोड के सुझाव पाए जा सकते हैं. Gemini आपके प्रोजेक्ट की कॉन्फ़िगरेशन फ़ाइलों और कोड को अपडेट कर सकता है. साथ ही, सीधे आपके वर्कस्पेस में, आपके लिए टर्मिनल कमांड चला सकता है. Gemini आपसे ये काम करने के लिए कह सकता है:

  • फ़ाइलों में बदलाव करना: Gemini, कोई सुविधा जोड़ सकता है, गड़बड़ी ठीक कर सकता है या कोड को फिर से लिख सकता है. जब Gemini किसी फ़ाइल में बदलाव करने का सुझाव देगा, तो आपको दो विकल्प दिखेंगे:
    • फ़ाइल अपडेट करें: Gemini के सुझाए गए बदलावों के साथ, फ़ाइल को सीधे अपडेट करें.
    • बदलावों की समीक्षा करना: सुझाए गए बदलावों को लागू करने से पहले, उनकी समीक्षा करने के लिए, उन्हें किसी दूसरी विंडो में खोलें.
  • टर्मिनल निर्देश चलाना: Gemini, डिपेंडेंसी इंस्टॉल करने या डेवलपमेंट सर्वर शुरू करने जैसे निर्देश चला सकता है. यह इन निर्देशों का सुझाव खुद दे सकता है या आपके पास Gemini से इन्हें चलाने के लिए कहने का विकल्प होता है. Gemini से कोई कमांड मिलने के बाद, टर्मिनल कमांड चलाएं बटन दिखता है. IDX में टर्मिनल में कोई निर्देश चलाने के लिए, इस पर क्लिक करें. Gemini आपके लिए कमांड चलाएगा और चैट विंडो में नतीजों का विश्लेषण करेगा. साथ ही, अगले चरण तय करने में आपकी मदद करेगा.

इंटरैक्टिव चैट की मदद से मुश्किल टास्क पूरे करना

Gemini के साथ इंटरैक्टिव चैट की सुविधा, Workspace के बारे में जानकारी देने के साथ-साथ फ़ाइलों में बदलाव करने और टर्मिनल कमांड चलाने की सुविधा भी देती है. इसकी मदद से, Gemini आपको डेवलपमेंट से जुड़े मुश्किल टास्क पूरे करने में मदद कर सकता है. जैसे:

  • अपने कोड का दस्तावेज़ बनाना: IDX में मौजूद Gemini, आपके कोड के लिए सही फ़ॉर्मैट में दस्तावेज़ अपने-आप जनरेट कर सकता है. इसके लिए, आपको "मेरे दस्तावेज़ लिखें" कहना होगा. बदलावों की समीक्षा करने के बाद, एक ही क्लिक से अपने कोड में दस्तावेज़ जोड़े जा सकते हैं. अगर ज़रूरी हो, तो अतिरिक्त प्रॉम्प्ट की मदद से Gemini के जवाबों को बेहतर बनाएं.
  • टेस्ट केस लिखना: IDX में Gemini, यूनिट टेस्ट को अपने-आप अपडेट और जनरेट कर सकता है. अगर Gemini से "मेरे टेस्ट लिखो" कहा जाता है, तो Gemini एक मौजूदा यूनिट टेस्ट फ़ाइल ढूंढता है और उसमें मौजूद टेस्ट को जोड़ सकता है. अगर उसे मौजूदा यूनिट टेस्ट फ़ाइलें नहीं मिलती हैं, तो वह आपके लिए यूनिट टेस्ट बनाता है. टेस्ट की समीक्षा करने और ज़रूरत पड़ने पर, अतिरिक्त प्रॉम्प्ट का इस्तेमाल करके Gemini के जवाबों को बेहतर बनाने के बाद, एक ही क्लिक से अपने कोड में टेस्ट फ़ाइल को जोड़ा या अपडेट किया जा सकता है. इसके बाद, IDX में Gemini से उसे चलाने के लिए कहा जा सकता है!
  • डिपेंडेंसी मैनेज करना: Gemini से अपने कोड में मौजूद डिपेंडेंसी का पता लगाने और उन्हें सीधे चैट इंटरफ़ेस से ठीक करने के लिए कहा जा सकता है.
  • कोड को फिर से बनाना: Gemini से अपनी ओर से कोड को फिर से बनाने के लिए कहा जा सकता है. उदाहरण के लिए, किसी फ़ंक्शन को निकालना या एक से ज़्यादा फ़ाइलों में किसी वैरिएबल का नाम बदलना. Gemini, सुझाए गए बदलावों की सूची जनरेट करेगा. बदलावों की समीक्षा करने और उन्हें लागू करने के बाद, Gemini से यूनिट टेस्ट अपडेट करने और चलाने के लिए कहा जा सकता है. इससे, रीफ़ैक्टर की पुष्टि की जा सकेगी और यह पक्का किया जा सकेगा कि टेस्ट पास होते रहें.
  • Docker वर्कफ़्लो जनरेट और चलाना: अगर आपने अपने वर्कस्पेस में Docker चालू किया है, तो Gemini से Dockerfile बनाने के लिए कहकर, अपने ऐप्लिकेशन को तुरंत कंटेनर में डाला जा सकता है. उदाहरण के लिए, "मेरे ऐप्लिकेशन के लिए Dockerfile बनाएं". Gemini, Dockerfile जनरेट करने के बाद, आपके लिए कंटेनर बना सकता है और उसे चला सकता है.
  • यूनिट और इंटिग्रेशन टेस्ट चलाना: Gemini को खास टेस्ट सुइट चलाने के लिए कहकर, टेस्ट को शुरू किया जा सकता है. उदाहरण के लिए, "मेरे यूनिट टेस्ट चलाएं" या "इंटिग्रेशन टेस्ट चलाएं". Gemini के साथ इंटरैक्टिव चैट की सुविधा, आपके प्रोजेक्ट के लिए सही कमांड (उदाहरण के लिए, npm test या कोई खास टेस्ट रनर कमांड) लागू करेगी. साथ ही, चैट इंटरफ़ेस में टेस्ट के नतीजे दिखाएगी.

Gemini Chat में स्लैश कमांड का इस्तेमाल करना

स्लैश निर्देशों का इस्तेमाल करके, Gemini Chat के आउटपुट को कंट्रोल किया जा सकता है. ये निर्देश, फ़ॉरवर्ड स्लैश (/) से शुरू होने वाले शॉर्टकट होते हैं. Gemini Chat के प्रॉम्प्ट की शुरुआत में / डालें और उपलब्ध स्लैश निर्देशों की सूची से अपनी पसंद की कार्रवाई चुनें.

उदाहरण के लिए, /generate, कोड स्निपेट जनरेट करने के लिए प्रॉम्प्ट शॉर्टकट के तौर पर काम करता है. /generate डालें. इसके बाद, अपनी ज़रूरत के बारे में कम शब्दों में जानकारी दें.

/generate css for a black background, यह कोड स्निपेट दिखाता है:

body {
  background-color: black;
}

/* This CSS code sets the background color of the <body> element to black. This will make the background of the entire web page black. */

स्लैश निर्देशों की पूरी सूची देखने के लिए, इंटरैक्टिव चैट में / टाइप करें.

चैट थ्रेड मैनेज करना

Gemini चैट में अलग-अलग विषयों के लिए अलग-अलग थ्रेड बनाई जा सकती हैं. इसके बाद, विषय के हिसाब से पुरानी थ्रेड देखी जा सकती हैं.

नई चैट शुरू करने के लिए:

  1. प्लस आइकॉन पर क्लिक करें या चैट हेडर बार में ड्रॉप-डाउन से नई चैट चुनें.

  2. अपना प्रॉम्प्ट डालें.

चैट थ्रेड को बड़ा करके दिखाने वाला चैट हेडर बार

किसी दूसरी चैट थ्रेड पर स्विच करने के लिए:

  1. चैट हेडर बार में, अपनी चैट थ्रेड वाले ड्रॉप-डाउन को बड़ा करें.

  2. वह चैट थ्रेड चुनें जिसे ऐक्सेस करना है.

  3. उस चैट थ्रेड को जारी रखें या IDX में Gemini के साथ की गई पिछली चैट देखें.

चैट थ्रेड मिटाने के लिए:

  1. चैट हेडर बार में मौजूद, चैट थ्रेड ड्रॉप-डाउन से वह चैट थ्रेड चुनें जिसे मिटाना है.

  2. चैट हेडर बार में मौजूद ट्रैश आइकॉन पर क्लिक करें. पुष्टि करें कि आपको चैट थ्रेड मिटानी है.

चैट में कोड के कोटेशन देखना

कोड के सुझावों की पुष्टि करने में आपकी मदद करने के लिए, IDX, ओरिजनल सोर्स और उससे जुड़े लाइसेंस की जानकारी शेयर करता है. Gemini चैट विंडो में, कोड के उद्धरण का पूरा लॉग देखा जा सकता है. इसके लिए, चैट हेडर बार में मौजूद लाइसेंस लॉग आइकॉन पर क्लिक करें.

चैट हेडर बार में लाइसेंस लॉग का आइकॉन

Google कोड के उद्धरणों के बारे में ज़्यादा जानने के लिए, जनरेटिव कोड से जुड़ी सहायता देखें.