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

Gemini में Firebase Studio, एआई की मदद से कोडिंग के काम को आसान बनाया जा सकता है. यह सुविधा, कोड एडिटर में इनलाइन और चैट का इस्तेमाल करके उपलब्ध होती है. 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 मॉडल चुनें. ज़्यादा जानकारी के लिए, Bring your own key: Use other Gemini models in chat लेख पढ़ें.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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