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 पर क्लिक करें.

   Prototyper

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 में किसी टर्मिनल में कमांड को एक्ज़ीक्यूट करने के लिए, इस पर क्लिक करें within Firebase Studio. Gemini कमांड चलाएगा और चैट विंडो में आपके लिए नतीजों की व्याख्या करेगा. साथ ही, अगले चरणों के बारे में तय करने में आपकी मदद करेगा.

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

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

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