Firebase Studio में Gemini को आज़माएँ

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

बिना किसी सेटअप के, आप तुरंत Gemini का इस्तेमाल शुरू कर सकते हैं:

• Gemini से Geminiचैट करें.
• Gemini से इनलाइन मदद पाएं Gemini.

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

Gemini उपलब्ध होता है जब आप Code व्यू में होते हैं. इसका इस्तेमाल, Firebase Studio में शुरू किए गए ऐप्लिकेशन, Firebase Studio में इंपोर्ट किए गए ऐप्लिकेशन, और App Prototyping agent से बनाए गए ऐप्लिकेशन के साथ किया जा सकता है.

Gemini से चैट करना

Firebase Studio एआई की मदद से चैट की सुविधा देकर, डेवलपमेंट के वर्कफ़्लो को बेहतर बनाता है.

चैट करना शुरू करना

1. Firebase Studio में कोई वर्कस्पेस खोलें या बनाएं.

2. वर्कस्पेस में सबसे नीचे, sparkGemini पर क्लिक करें.

3. Gemini से चैट करना शुरू करें.

4. (ज़रूरी नहीं) मल्टीमॉडल प्रॉम्प्ट भेजने के लिए, Gemini पर क्लिक करें अटैच करें और इनमें से कोई एक विकल्प चुनें:

   • ड्रॉइंग: अपनी पसंद का डिज़ाइन बनाने के लिए, ड्रॉइंग टूल का इस्तेमाल करें. इसके बाद, अपना प्रॉम्प्ट टाइप करें और भेजें पर क्लिक करें.
   • इमेज: कोई इमेज अपलोड करें, अपना प्रॉम्प्ट जोड़ें, और भेजें पर क्लिक करें.
   • फ़ाइल: कॉन्टेक्स्ट के तौर पर इस्तेमाल करने के लिए, अपने वर्कस्पेस से कोई फ़ाइल चुनें, अपना प्रॉम्प्ट जोड़ें, और भेजें पर क्लिक करें.

5. (ज़रूरी नहीं) अनुरोधों का जवाब देने के लिए, Gemini के इस्तेमाल किए जाने वाले मोड में बदलाव करें:

   • पूछें: कोई प्लान बनाएं. इस मोड में, Gemini कोड में बदलाव करने का सुझाव दिए बिना सवालों के जवाब देता है.
   • एजेंट: अपने ऐप्लिकेशन में बदलाव करें. इस मोड में, Gemini आपके ऐप्लिकेशन में बदलाव करने का सुझाव देता है. हालांकि, आपकी अनुमति के बिना इन बदलावों को लागू नहीं करता है.
   • एजेंट (अपने-आप रन होने वाला): अपने ऐप्लिकेशन में बदलाव अपने-आप लागू करें. इस मोड में, Gemini आपके अनुरोधों के आधार पर, आपके कोड में अपने-आप बदलाव करता है. हालांकि, टर्मिनल कमांड रन करने के लिए, यह अब भी आपकी अनुमति मांगेगा.

6. (ज़रूरी नहीं) अपनी Gemini API कुंजी जोड़ें और कोई दूसरा Gemini मॉडल चुनें. ज़्यादा जानने के लिए, अपनी कुंजी इस्तेमाल करना: चैट में अन्यGemini मॉडल इस्तेमाल करना लेख पढ़ें.

7. (ज़रूरी नहीं) Gemini की सेटिंग में बदलाव करके और एआई के नियमों वाली फ़ाइलें जोड़कर, यह तय करें कि यह आपकी मदद कैसे करे. ज़्यादा जानें.

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

• फ़ाइलों में बदलाव करना: Gemini कोई सुविधा जोड़ सकता है, किसी गड़बड़ी को ठीक कर सकता है या कोड को रीफ़ैक्टर कर सकता है. जब Gemini किसी फ़ाइल में बदलाव करने का सुझाव देता है, आपको दो विकल्प दिखेंगे:

  • फ़ाइल अपडेट करें: Gemini's के सुझाए गए बदलावों के साथ, फ़ाइल को सीधे अपडेट करें.
  • बदलावों की समीक्षा करें: बदलावों को लागू करने से पहले, उनकी समीक्षा करने के लिए, सुझाए गए बदलावों को किसी दूसरी विंडो में खोलें.

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

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

Gemini डेवलपमेंट के मुश्किल टास्क पूरे करने में आपकी मदद कर सकता है. जैसे:

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

चैट में स्लैश कमांड का इस्तेमाल करना

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

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

उदाहरण के लिए, /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, खास फ़ाइलों और फ़ोल्डर के बारे में बताने के लिए @ सिंबल का इस्तेमाल किया जा सकता है.

उदाहरण के लिए, Explain what's contained within the @src/ai directory.

चैट के इतिहास को मैनेज करना

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

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

1. चैट हेडर बार में, नई चैट पर क्लिक करें.

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

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

1. चैट हेडर बार में, हाल ही में की गई चैट पर क्लिक करें.

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

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

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

1. चैट हेडर बार में, हाल ही में की गई चैट में जाकर, वह चैट थ्रेड चुनें जिसे मिटाना है.

2. चैट हेडर बार में, चैट मिटाएं पर क्लिक करें. पुष्टि करें कि आपको चैट के इतिहास से चैट थ्रेड मिटानी है.

चैट में कोड के उद्धरण देखना

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

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

Gemini से इनलाइन मदद पाना

Firebase Studio Gemini से एआई की मदद से कोड के सुझाव देकर, आपकी प्रॉडक्टिविटी बढ़ाता है Gemini.

ध्यान दें कि कोड पूरा करने की सुविधा डिफ़ॉल्ट रूप से चालू होती है. इसकी सेटिंग में बदलाव करने का तरीका जानें .

Gemini से कोड के सुझाव पाना

Gemini संभावित कोड के पूरे ब्लॉक इनलाइन जनरेट करता है. Gemini की Gemini इनलाइन कोड की मदद वाली सुविधा का इस्तेमाल करने के लिए, यह तरीका अपनाएं:

1. Firebase Studio में कोई वर्कस्पेस खोलें Firebase Studio.

2. उस फ़ाइल या कोड की लाइन पर जाएं जिसके लिए आपको मदद चाहिए और Ctrl+I (Cmd+I on MacOS) दबाएं.

3. आपको जो चाहिए उसकी जानकारी डालें. इसके बाद, Gemini एक सुझाव जनरेट करता है. सुझावों को गाइड करने के लिए, शॉर्टकट के तौर पर कार्रवाइयों का भी इस्तेमाल किया जा सकता है. उदाहरण के लिए, इनलाइन कोड में गड़बड़ियां ठीक करने के लिए, /fixError डालें.

4. इनमें से कोई विकल्प चुनें:

   • जनरेट किए गए कोड को रखने के लिए, स्वीकार करें पर क्लिक करें.
   • सुझाव को कहीं और चिपकाने या किसी नई फ़ाइल में ले जाने के लिए, खारिज करें बटन पर मौजूद ड्रॉप-डाउन मेन्यू से, उससे जुड़ा विकल्प चुनें.
   • नया सुझाव जनरेट करने के लिए, फिर से जनरेट करें पर क्लिक करें.
   • सुझाव को पूरी तरह से हटाने के लिए, खारिज करें पर क्लिक करें.

5. (ज़रूरी नहीं) Gemini की सेटिंग में बदलाव करके और एआई के नियमों वाली फ़ाइलें जोड़कर, यह तय करें कि यह आपकी मदद कैसे करे. ज़्यादा जानें.

Gemini कमांड इनलाइन देखना

1. किसी खास कोड के लिए, Gemini के कमांड इनलाइन देखने के लिए, वह कोड चुनें जिसके लिए आपको मदद चाहिए और उस पर राइट-क्लिक करें.

2. मेन्यू में जाकर, sparkGemini को चुनें. इसके बाद, वह कार्रवाई चुनें जो आपको करनी है.

Gemini-सुझाए गए कोड पूरा करने की सुविधा का इस्तेमाल करना

कोड लिखने में आपकी मदद करने के लिए, Firebase Studio एआई की मदद से कोड पूरा करने की सुविधा देता है. यह सुविधा, किसी भी खुली हुई फ़ाइल में टाइप करते ही कोड का अनुमान लगाती है और उसे अपने-आप भर देती है.

ध्यान दें कि कोड पूरा करने की सुविधा डिफ़ॉल्ट रूप से चालू होती है.

कोड पूरा करने की सुविधा को टॉगल करके चालू या बंद करने के लिए, इनमें से किसी एक तरीके का इस्तेमाल करके, कोड पूरा करने की सेटिंग में बदलाव करें:

• अगर settings.json फ़ाइल का इस्तेमाल किया जा रहा है, तो "IDX.aI.enableInlineCompletion" को true या false पर सेट करें.

• Firebase Studio वर्कस्पेस में सेटिंग अपडेट करने के लिए:

  1. वर्कस्पेस में सबसे नीचे बाईं ओर मौजूद, मैनेज करें पर क्लिक करें. इसके बाद, सेटिंग चुनें या Ctrl+, (Cmd+, on Mac) दबाएं.

     अगर App Prototyping agent का इस्तेमाल Prototyper व्यू में किया जा रहा है, तो Code व्यू खोलने के लिए, कोड पर स्विच करें पर क्लिक करें.

  2. वर्कस्पेस टैब चुनें. इसके बाद, Firebase Studio > एआई > टाइप करते समय इनलाइन कोड पूरा करने की सुविधा चालू करें सेटिंग खोजें.

  3. कोड पूरा करने की सुविधा बंद करने के लिए, टाइप करते समय इनलाइन कोड पूरा करने की सुविधा चालू करें विकल्प को चुनें.