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

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

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

Firebase में Gemini से चैट करना

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

चैट की सुविधा का इस्तेमाल शुरू करना

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

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

  3. Gemini के साथ चैट करें.

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

    • ड्रॉइंग: अपनी पसंद का डिज़ाइन बनाने के लिए, ड्रॉइंग टूल का इस्तेमाल करें. इसके बाद, प्रॉम्प्ट टाइप करें और भेजें पर क्लिक करें.
    • इमेज: कोई इमेज अपलोड करें, अपना प्रॉम्प्ट जोड़ें, और फिर भेजें पर क्लिक करें.
    • फ़ाइल: अपने फ़ाइल फ़ोल्डर से कोई फ़ाइल चुनें और उसे संदर्भ के तौर पर इस्तेमाल करें. इसके बाद, प्रॉम्प्ट जोड़ें और भेजें पर क्लिक करें.
  5. (ज़रूरी नहीं) अपनी Gemini API कुंजी जोड़ें और कोई दूसरा Gemini मॉडल चुनें. ज़्यादा जानने के लिए, अपनी कुंजी लाएं: चैट में अन्य Gemini मॉडल का इस्तेमाल करें पर जाएं.

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

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

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

    ध्यान दें: लंबे समय तक चलने वाले निर्देशों (उदाहरण के लिए, npm run dev की मदद से सर्वर चलाना) के लिए, अलग करें बटन दिखता है. चैट का ऐक्सेस वापस पाने के साथ-साथ, टर्मिनल में निर्देश को चलाते रहने के लिए, अलग करें पर क्लिक करें.

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

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

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

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

Firebase चैट में 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. */

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

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

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

  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. (ज़रूरी नहीं) Firebase में Gemini की सेटिंग में बदलाव करके और एआई के नियमों वाली फ़ाइलें जोड़कर, अपनी पसंद के मुताबिक बनाएं कि 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 Code switch icon Switch to Code to open Code view. में App Prototyping agent का इस्तेमाल किया जा रहा है, तो

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

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