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

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

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. कोड पूरा करने की सुविधा बंद करने के लिए, टाइप करते समय इनलाइन कोड पूरा करने की सुविधा चालू करें विकल्प से सही का निशान हटाएं.

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

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

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

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

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

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

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

    gemini
    
  4. पसंद के मुताबिक बनाना: अपने कीबोर्ड पर ऐरो बटन का इस्तेमाल करके, कोई कलर थीम चुनें. इसके बाद, Enter दबाएं.

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

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

इसके अलावा, 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 दस्तावेज़ देखें.