Firebase Studio में Firebase में मौजूद Gemini, एआई की मदद से कोडिंग वर्कफ़्लो को बेहतर बनाने की सुविधा देता है. यह सुविधा, कोड एडिटर में इनलाइन, कमांड-लाइन इंटरफ़ेस (सीएलआई) के ज़रिए, और चैट का इस्तेमाल करके मिलती है. 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, एआई की मदद से चैट करने की सुविधा के ज़रिए, डेवलपमेंट वर्कफ़्लो को आसान बनाता है.
चैट की सुविधा का इस्तेमाल शुरू करना
Firebase Studio में कोई फ़ाइल फ़ोल्डर खोलें या नया बनाएं.
वर्कस्पेस में सबसे नीचे, स्पार्कGemini पर क्लिक करें.
Gemini के साथ चैट करें.
(ज़रूरी नहीं) Gemini को कई मोड वाला प्रॉम्प्ट भेजने के लिए,
अटैच करें पर क्लिक करें. इसके बाद, इनमें से कोई एक विकल्प चुनें:
- ड्रॉइंग: अपनी पसंद का डिज़ाइन बनाने के लिए, ड्रॉइंग टूल का इस्तेमाल करें. इसके बाद, प्रॉम्प्ट टाइप करें और भेजें पर क्लिक करें.
- इमेज: कोई इमेज अपलोड करें, अपना प्रॉम्प्ट जोड़ें, और फिर भेजें पर क्लिक करें.
- फ़ाइल: संदर्भ के तौर पर इस्तेमाल करने के लिए, अपने फ़ाइल फ़ोल्डर से कोई फ़ाइल चुनें. इसके बाद, प्रॉम्प्ट जोड़ें और भेजें पर क्लिक करें.
(ज़रूरी नहीं) अनुरोधों का जवाब देने के लिए, Gemini का इस्तेमाल किया जाने वाला मोड बदलें:
- पूछें: प्लान बनाएं. इस मोड में, Gemini कोड में बदलाव करने का सुझाव दिए बिना सवालों के जवाब देता है.
- एजेंट: अपने ऐप्लिकेशन में बदलाव करें. इस मोड में, Gemini आपके ऐप्लिकेशन में बदलावों का सुझाव देता है. हालांकि, आपकी पुष्टि के बिना उन्हें लागू नहीं करता.
- एजेंट (अपने-आप चलने वाला): अपने ऐप्लिकेशन में बदलाव अपने-आप लागू करें. इस मोड में, Gemini आपके अनुरोधों के आधार पर आपके कोड में अपने-आप बदलाव करता है. हालांकि, टर्मिनल कमांड चलाने के लिए, वह अब भी पुष्टि करने के लिए कहेगा.
(ज़रूरी नहीं) अपनी Gemini API कुंजी जोड़ें और कोई दूसरा Gemini मॉडल चुनें. ज़्यादा जानने के लिए, अपनी कुंजी लाएं: चैट में अन्य Gemini मॉडल का इस्तेमाल करें पर जाएं.
(ज़रूरी नहीं) Firebase में Gemini की सेटिंग में बदलाव करके और एआई के नियमों वाली फ़ाइलें जोड़कर, अपनी पसंद के मुताबिक बनाएं कि 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 वर्कफ़्लो जनरेट और चलाना: अगर आपने अपने Workspace में 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 चैट में अलग-अलग विषयों को अलग रखने के लिए, अलग-अलग थ्रेड शुरू की जा सकती हैं. इसके बाद, विषय के हिसाब से पुरानी थ्रेड देखी जा सकती हैं.
नई चैट शुरू करने के लिए:
चैट हेडर बार में, नई चैट पर क्लिक करें.
अपना प्रॉम्प्ट डालें.
किसी दूसरी चैट थ्रेड पर स्विच करने के लिए:
चैट हेडर बार में, हाल ही की चैट पर क्लिक करें.
वह चैट थ्रेड चुनें जिसे ऐक्सेस करना है.
उस चैट थ्रेड को जारी रखें या Gemini का इस्तेमाल करके पिछली चैट देखें.
चैट थ्रेड मिटाने के लिए:
चैट हेडर बार में, हाल ही की चैट से वह चैट थ्रेड चुनें जिसे मिटाना है.
चैट हेडर बार में, चैट मिटाएं पर क्लिक करें. पुष्टि करें कि आपको चैट के इतिहास से चैट थ्रेड मिटाना है.
चैट में कोड के कोटेशन देखना
कोड के सुझावों की पुष्टि करने में आपकी मदद करने के लिए, Firebase Studio, मूल सोर्स और उससे जुड़े लाइसेंस के बारे में जानकारी शेयर करता है. चैट विंडो में, कोड के हवाले का पूरा लॉग देखा जा सकता है. इसके लिए, चैट हेडर बार में मौजूद 'लाइसेंस लॉग' आइकॉन पर क्लिक करें.
Google कोड के उद्धरणों के बारे में ज़्यादा जानने के लिए, जनरेटिव कोड से जुड़ी सहायता देखें.
Firebase में, Gemini से इनलाइन मदद पाना
Firebase Studio, Gemini से मिलने वाले एआई की मदद से कोड के सुझावों की मदद से आपकी प्रॉडक्टिविटी बढ़ाता है.
ध्यान रखें कि कोड पूरा करने की सुविधा डिफ़ॉल्ट रूप से चालू रहती है. इसकी सेटिंग में बदलाव करने का तरीका जानें.
Firebase में, Gemini से कोड के सुझाव पाना
Gemini, संभावित कोड के पूरे ब्लॉक को इनलाइन में जनरेट करता है. Gemini इनलाइन कोड से जुड़ी सहायता का इस्तेमाल करने के लिए, यह तरीका अपनाएं:
Firebase Studio में कोई वर्कस्पेस खोलें.
उस फ़ाइल या कोड की लाइन पर जाएं जिसके लिए आपको मदद चाहिए. इसके बाद,
Ctrl+I
(MacOS परCmd+I
) दबाएं.आपको जो चाहिए उसके बारे में जानकारी डालें और Gemini सुझाव जनरेट करें. सुझावों को बेहतर बनाने के लिए, कार्रवाइयों को शॉर्टकट के तौर पर भी इस्तेमाल किया जा सकता है. उदाहरण के लिए, इनलाइन कोड में गड़बड़ियों को ठीक करने में मदद पाने के लिए,
/fixError
डालें.इनमें से कोई विकल्प चुनें:
- जनरेट किया गया कोड सेव करने के लिए, स्वीकार करें पर क्लिक करें.
- सुझाव को किसी दूसरी जगह चिपकाने या उसे किसी नई फ़ाइल में ले जाने के लिए, खारिज करें बटन पर मौजूद ड्रॉप-डाउन मेन्यू से, उससे जुड़ा विकल्प चुनें.
- नया सुझाव जनरेट करने के लिए, फिर से जनरेट करें पर क्लिक करें.
- सुझाव को पूरी तरह से हटाने के लिए, खारिज करें पर क्लिक करें.
(ज़रूरी नहीं) Firebase में Gemini की सेटिंग में बदलाव करके और एआई के नियमों वाली फ़ाइलें जोड़कर, अपनी पसंद के मुताबिक बनाएं कि Gemini आपको कैसे मदद करे. ज़्यादा जानें.
Firebase निर्देशों में इनलाइन Gemini देखना
किसी खास कोड के लिए, इनलाइन Gemini कमांड देखने के लिए, उस कोड को चुनें और उस पर राइट क्लिक करें जिसके लिए आपको मदद चाहिए.
मेन्यू से स्पार्कGemini चुनें. इसके बाद, वह कार्रवाई चुनें जो आपको करनी है.
Gemini-सुझाए गए कोड को पूरा करने की सुविधा का इस्तेमाल करना
कोड लिखने में आपकी मदद करने के लिए, Firebase Studio में एआई की मदद से कोड पूरा करने की सुविधा उपलब्ध है. यह सुविधा, टाइप करने के साथ ही किसी भी खुली फ़ाइल में कोड का अनुमान लगाती है और उसे अपने-आप भरती है.
ध्यान रखें कि कोड पूरा करने की सुविधा डिफ़ॉल्ट रूप से चालू रहती है.
कोड पूरा होने की सुविधा को चालू या बंद करने के लिए, इनमें से किसी एक तरीके का इस्तेमाल करके, कोड पूरा होने की सेटिंग में बदलाव करें:
अगर
settings.json
फ़ाइल का इस्तेमाल किया जाता है, तो"IDX.aI.enableInlineCompletion"
कोtrue
याfalse
पर सेट करें.Firebase Studio वर्कस्पेस की सेटिंग अपडेट करने के लिए:
मैनेज करें (यह वर्कस्पेस में सबसे नीचे बाईं ओर होता है) पर क्लिक करें. इसके बाद, सेटिंग चुनें या
Ctrl+,
(Mac परCmd+,
) दबाएं.अगर Prototyper view, click
Switch to Code to open Code view. में App Prototyping agent का इस्तेमाल किया जा रहा है, तो
Workspace टैब चुनें. इसके बाद, Firebase Studio > एआई > इनलाइन टाइपिंग की सुविधा चालू करें सेटिंग खोजें.
कोड अपने-आप पूरा होने की सुविधा बंद करने के लिए, टाइप करते समय इनलाइन कोड अपने-आप पूरा होने की सुविधा चालू करें विकल्प से चुने हुए का निशान हटाएं.
Gemini CLI का इस्तेमाल करके Gemini से चैट करना
Gemini CLI एक ओपन-सोर्स एआई एजेंट है. यह Google के Gemini मॉडल की सुविधाओं को सीधे आपके टर्मिनल पर उपलब्ध कराता है. Gemini CLI, Firebase में मौजूद Gemini की तरह ही काम करता है. हालांकि, अगर आप एक डेवलपर हैं और कोड जनरेट करने, डीबग करने, कमांड चलाने या प्रोजेक्ट फ़ाइलों को मैनेज करने जैसे कामों के लिए, टर्मिनल में काफ़ी समय बिताते हैं, तो हो सकता है कि आप Gemini CLI का इस्तेमाल करना चाहें.
Gemini CLI का इस्तेमाल शुरू करना
Firebase Studio में Gemini CLI को ऐक्सेस करने के लिए:
कोड व्यू पर स्विच करना: अगर Prototyper mode,
Switch to Code to open Code view.
टर्मिनल ऐक्सेस करना:
मेन्यू > टर्मिनल > नया टर्मिनल खोलें.
Gemini CLI खोलें: टर्मिनल में, यह निर्देश डालें:
gemini
पसंद के मुताबिक बनाएं: अपने कीबोर्ड पर ऐरो बटन का इस्तेमाल करके, रंग वाली थीम चुनें. इसके बाद, Enter दबाएं.
पुष्टि करना: अगर कहा जाए, तो पुष्टि करने का कोई तरीका चुनें. पुष्टि करने के बारे में ज़्यादा जानकारी के लिए, दस्तावेज़ देखें.
आने वाले समय में, 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 दस्तावेज़ देखें.