Firebase Studio में Firebase में Gemini आज़माना

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

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

• Firebase में Gemini से चैट करें.
• Firebase में Gemini से इनलाइन मदद पाएं.
• Gemini CLI का इस्तेमाल करके, Gemini से चैट करें.

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

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

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

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

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

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

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

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

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

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

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

Gemini को Firebase चैट में मिलने वाले जवाब को बेहतर बनाने के लिए, स्लैश निर्देशों का इस्तेमाल किया जा सकता है. स्लैश निर्देश, फ़ॉरवर्ड स्लैश (/) से शुरू होने वाले शॉर्टकट होते हैं. 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 में Firebase चैट करते समय, अलग-अलग थ्रेड शुरू करके अलग-अलग विषयों को अलग रखा जा सकता है. इसके बाद, विषय के हिसाब से पिछली थ्रेड देखी जा सकती हैं.

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

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

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

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

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

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

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

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

1. चैट हेडर बार में मौजूद, हाल ही की चैट में जाकर, उस चैट थ्रेड को चुनें जिसे मिटाना है.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     अगर Prototyper view, click Switch to Code to open Code view. में App Prototyping agent का इस्तेमाल किया जा रहा है

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

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

Gemini CLI का इस्तेमाल करके Gemini से चैट करना

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

Gemini CLI का इस्तेमाल शुरू करना

Firebase Studio में Gemini CLI को ऐक्सेस करने के लिए:

1. कोड व्यू पर स्विच करना: अगर Prototyper mode, Switch to Code to open Code view.

2. टर्मिनल ऐक्सेस करें: मेन्यू > टर्मिनल > नया टर्मिनल खोलें.

3. Gemini CLI खोलें: टर्मिनल में, यह निर्देश डालें:

   gemini
   

   निर्देश का इस्तेमाल करके Gemini CLI इंस्टॉल करें

4. पसंद के मुताबिक बनाएं: कीबोर्ड पर मौजूद ऐरो बटन का इस्तेमाल करके, रंग वाली थीम चुनें. इसके बाद, Enter दबाएं.

5. पुष्टि करें: पुष्टि करने का कोई तरीका चुनें. मुफ़्त में Gemini Code Assist लाइसेंस पाने के लिए, Google से लॉगिन करें को चुनें. इस लाइसेंस के साथ, आपको हर मिनट में 60 मॉडल अनुरोध और हर दिन 1,000 अनुरोध करने की अनुमति मिलती है. इसके लिए, आपको कोई शुल्क नहीं देना होगा. प्रमाणीकरण के बारे में ज़्यादा जानने के लिए, दस्तावेज़ देखें.

आने वाले समय में, Gemini CLI को ऐक्सेस करने के लिए, आपको टर्मिनल में सिर्फ़ gemini डालना होगा.

इसके अलावा, Gemini CLI को नॉन-इंटरैक्टिव मोड में भी चलाया जा सकता है. यह मोड स्क्रिप्टिंग और ऑटोमेशन के लिए फ़ायदेमंद होता है. इस मोड में, आपने जो कमांड डाली है उसे पूरा करने के बाद, Gemini CLI अपने-आप बंद हो जाता है. इस मोड का इस्तेमाल करने के लिए, --prompt या -p फ़्लैग का इस्तेमाल करें. उदाहरण के लिए:

gemini -p "Create a markdown file that explains my app's architecture"

Gemini CLI के साथ कमांड इस्तेमाल करना

सवाल पूछने या अनुरोध करने के लिए, Gemini CLI से चैट की जा सकती है. इससे ये सवाल पूछे जा सकते हैं:

• explain [file_name.js]: अगर आपको कोई ऐसा कोड दिखता है जिसके बारे में आपको जानकारी नहीं है, तो इस कमांड का इस्तेमाल करके उसके बारे में जानकारी पाने का अनुरोध करें. [file_name.js] को सीधे तौर पर, काम के पाथ से बदलें या कोड को सीधे प्रॉम्प्ट में चिपकाएं.
• refactor [code_snippet]: अपने कोड के स्ट्रक्चर या परफ़ॉर्मेंस को बेहतर बनाएं. इसके लिए, Gemini को रिफ़ैक्टरिंग से जुड़े सुझाव देने के लिए कहें.
• debug "Error: Module not found: 'firebase-admin'": गड़बड़ियां होने पर, Gemini को गड़बड़ी का मैसेज दें, ताकि वह आपको अहम जानकारी और संभावित समाधान दे सके.
• summarize "Key features of Firebase Realtime Database": Gemini, तेज़ी से रिसर्च कर सकता है और कम शब्दों में कॉन्टेंट की खास जानकारी दे सकता है.

इसमें कई बिल्ट-इन कमांड भी काम करती हैं. इनकी मदद से, सेशन को मैनेज किया जा सकता है, इंटरफ़ेस को पसंद के मुताबिक बनाया जा सकता है, और इसके व्यवहार को कंट्रोल किया जा सकता है. जैसे:

• /help: उपलब्ध कमांड और विकल्पों की पूरी सूची देखने के लिए, यह कमांड डालें. इससे आपको एक्सप्लोर करने में मदद मिलेगी.
• /chat: बातचीत के इतिहास को सेव और फिर से शुरू करने के लिए, ताकि अलग-अलग विषयों पर बातचीत की जा सके या बाद के सेशन में पिछली स्थिति से बातचीत को फिर से शुरू किया जा सके.
• /tools: Gemini CLI में उपलब्ध टूल की सूची दिखाएं.
• /restore: इस विकल्प का इस्तेमाल करके, प्रोजेक्ट की फ़ाइलों को उस स्थिति में वापस लाया जा सकता है जब टूल को लागू करने से पहले वे थीं. यह किसी टूल की मदद से फ़ाइल में किए गए बदलावों को पहले जैसा करने के लिए खास तौर पर मददगार है.

निर्देशों की पूरी सूची देखने के लिए, Gemini CLI दस्तावेज़ देखें.