אחרי שמגדירים את Gemini ב-Firebase ב-Firebase Studio, אפשר להתחיל להשתמש בו באופן מיידי כדי:
חשוב לדעת שהשלמת קוד בתוך השורה והוספת הקוד הבסיסי לאינדקס מופעלים כברירת מחדל. איך משנים את ההגדרות שלהם
שיחה עם Gemini ב-Firebase
Firebase Studio מאפשרת לכם לשפר את תהליכי הפיתוח בעזרת צ'אט עם AI.
תחילת השימוש בצ'אט
פותחים את סביבת העבודה ב-Firebase Studio.
לוחצים על התגובהGemini בתחתית סביבת העבודה.
התחלת צ'אט עם Gemini.
(אופציונלי) כדי לשלוח הנחיה רב-מודאלית ל-Gemini, לוחצים על
צירוף ובוחרים באחת מהאפשרויות הבאות:
- ציור: משתמשים בכלי הציור כדי ליצור את העיצוב הרצוי, מקלידים את ההנחיה ולוחצים על שליחה.
- תמונה: מעלים תמונה, מוסיפים את ההנחיה ולוחצים על שליחה.
- קובץ: בוחרים קובץ מסביבת העבודה שישמש כהקשר, מוסיפים את ההנחיה ולוחצים על שליחה.
(אופציונלי) מוסיפים מפתח Gemini API משלכם ובוחרים מודל Gemini אחר. מידע נוסף זמין במאמר Bring your own key: Use other Gemini models in chat.
(אופציונלי) אתם יכולים להתאים אישית את האופן שבו Gemini ב-Firebase עוזר לכם על ידי שינוי ההגדרות והוספת קובצי כללים של AI. מידע נוסף
אחרי שהצ'אט מופעל, תוכלו לשאול Gemini שאלות ולקבל הצעות לקודים. Gemini יכול גם לעדכן את קובצי התצורה והקוד של הפרויקט, ולהריץ בשבילכם פקודות מסוימות במסוף ישירות בסביבת העבודה. Gemini עשוי לשאול אם הוא יכול לבצע אחת מהפעולות הבאות:
- שינוי קבצים: Gemini יכול להוסיף תכונה, לתקן באג או לשנות את הקוד. כשGemini מציע שינויים בקובץ, יופיעו שתי אפשרויות:
- עדכון הקובץ: מעדכנים את הקובץ ישירות עם השינויים שהוצעו על ידי Gemini.
- בדיקת השינויים: פותחים את השינויים המוצעים בחלון אחר כדי לבדוק אותם לפני שמחילים אותם.
הרצת פקודות טרמינל: אפשר להריץ ב-Gemini פקודות כמו התקנת יחסי תלות או הפעלת שרת פיתוח. יכול להיות שהיא תציע את הפקודות האלה בעצמה, או שתוכלו לבקש מ-Gemini להריץ אותן. אחרי ש-Gemini מציע פקודה, מופיע הלחצן הרצת הפקודה בטרמינל. לוחצים עליו כדי להפעיל את הפקודה במסוף בתוך Firebase Studio. Gemini ירוץ את הפקודה ויפרש את התוצאות בשבילכם בחלון הצ'אט, ויעזור לכם לקבוע את השלבים הבאים.
הערה: בפקודות ממושכות (לדוגמה, הפעלת שרת באמצעות
npm run dev
), מופיע הלחצן Detach. לוחצים על Detach כדי לאפשר לפקודה להמשיך לפעול בטרמינל ולקבל שוב גישה לצ'אט.
ביצוע משימות מורכבות בצ'אט
בעזרת Gemini ב-Firebase תוכלו להשלים משימות פיתוח מורכבות, כמו:
- תיעוד הקוד: Gemini יכול ליצור באופן אוטומטי תיעוד בפורמט המתאים לקוד שלכם, כשאתם מבקשים ממנו "Write my docs".
- כתיבה של תרחישי בדיקה: אפשר להשתמש ב-Gemini כדי לעדכן ולייצר באופן אוטומטי בדיקות יחידה. אם תבקשו מ-Gemini "write my tests", Gemini ימצא קובץ קיים של בדיקת יחידה ויוכל להוסיף לקובץ בדיקות חסרות. אם לא יימצאו קבצים קיימים של בדיקות יחידה, המערכת תיצור את בדיקת היחידה כדי שתוכלו לבדוק אותה, לבצע בה שינויים ולאשר אותה. אפשר גם לבקש מ-Gemini להריץ אותה.
- ניהול יחסי תלות: אתם יכולים לבקש מ-Gemini לזהות יחסי תלות חסרים בקוד ולפתור אותם ישירות מממשק הצ'אט.
- פירוק קוד: אפשר לבקש מ-Gemini לבצע פירוק קוד בשמכם, למשל, חילוץ פונקציה או שינוי שם של משתנה במספר קבצים. Gemini יפיק רשימה של שינויים מוצעים, ואחרי בדיקה והטמעה של השינויים תוכלו לבקש מ-Gemini לעדכן ולבצע בדיקות יחידה כדי לאמת את ה-refactor ולוודא שהבדיקות ימשיכו לעבור.
- יצירה והפעלה של תהליכי עבודה ב-Docker: אם הפעלתם את Docker בסביבת העבודה, תוכלו להעביר את האפליקציה לקונטיינרים במהירות על ידי בקשה ל-Gemini ליצור קובץ Dockerfile (לדוגמה, 'Create a Dockerfile for my app'). אחרי ש-Gemini יוצר את קובץ ה-Dockerfile, הוא יכול ליצור ולהריץ את הקונטיינר בשבילכם.
- הרצת בדיקות יחידה ובדיקות שילוב: אפשר להתחיל את ביצוע הבדיקות על ידי בקשה מ-Gemini להריץ חבילות בדיקות ספציפיות (לדוגמה, Run my unit tests או Run integration tests). Gemini יבצע את הפקודה המתאימה לפרויקט (לדוגמה,
npm test
או פקודה ספציפית של מפעיל בדיקות) ויציג את תוצאות הבדיקה בממשק הצ'אט.
שימוש בפקודות דרך שורת הפקודה בצ'אט
אתם יכולים להנחות את הפלט של Gemini בצ'אט ב-Firebase באמצעות פקודות קו נטוי (slash), קיצורי דרך שמתחילים בקו נטוי (/
). מזינים /
בתחילת ההנחיה ב-Gemini בצ'אט ובוחרים את הפעולה הרצויה מרשימת פקודות הקו הנטוי הזמינות.
כדי לראות את הרשימה המלאה של פקודות ה-slash, מקלידים /
בצ'אט.
לדוגמה, /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. לאחר מכן תוכלו לחזור לשרשור קודם לפי נושא.
כדי להתחיל שיחה חדשה:
לוחצים על צ'אט חדש בסרגל הכותרת של הצ'אט.
מזינים את ההנחיה.
כדי לעבור לשרשור צ'אט אחר:
לוחצים על שיחות אחרונות בסרגל הכותרת של הצ'אט.
בוחרים את שרשור הצ'אט שרוצים לגשת אליו.
ממשיכים את שרשור הצ'אט או חוזרים לשיחות קודמות עם Gemini.
כדי למחוק שרשור בצ'אט:
בוחרים את שרשור הצ'אט שרוצים למחוק בקטע שיחות מהזמן האחרון בסרגל הכותרת של הצ'אט.
לוחצים על מחיקת השיחה בסרגל הכותרת של השיחה. מאשרים שרוצים למחוק את שרשור הצ'אט מהיסטוריית הצ'אטים.
הצגת ציטוטים של קוד בצ'אט
כדי לעזור לכם לאמת את הצעות הקוד, Firebase Studio משתף מידע על המקור המקורי ועל הרישיונות המשויכים. כדי לראות יומן מלא של ציטוט קוד מחלון הצ'אט, לוחצים על הסמל של יומן הרישיון בסרגל הכותרת של הצ'אט.
למידע נוסף על הפניות למקורות בקוד של Google, קראו את המאמר עזרה ביצירת קוד.
קבלת עזרה מ-Gemini ב-Firebase
Firebase Studio משפר את הפרודוקטיביות בעזרת הצעות לקוד שמבוססות על AI מ-Gemini.
חשוב לדעת שהשלמת הקוד מופעלת כברירת מחדל. איך משנים את ההגדרות
קבלת הצעות לקוד מ-Gemini ב-Firebase
Gemini יוצר בלוקים מלאים של קוד אפשרי בשורה אחת. כדי להשתמש ב-Gemini, התכונה שנותנת עזרה בקוד בתוך שורות הקוד, מבצעים את השלבים הבאים:
פותחים את סביבת העבודה ב-Firebase Studio.
עוברים לקובץ או לשורת הקוד שרוצים לקבל עזרה לגביה ומקישים על
Ctrl+I
(Cmd+I
ב-MacOS).מזינים תיאור של מה שרוצים, ו-Gemini יוצר הצעה. אפשר גם להשתמש בפעולות כמקשי קיצור כדי להנחות את ההצעות. לדוגמה, מזינים
/fixError
כדי לקבל עזרה בתיקון שגיאות בקוד בתוך השורה.בוחרים אחת מהאפשרויות הבאות:
- כדי לשמור את הקוד שנוצר, לוחצים על אישור.
- כדי להדביק את ההצעה במקום אחר או להעביר אותה לקובץ חדש, בוחרים את האפשרות המתאימה בתפריט הנפתח שליד הלחצן ביטול.
- כדי ליצור הצעה חדשה, לוחצים על יצירה מחדש.
- כדי להסיר את ההצעה לגמרי, לוחצים על ביטול.
(אופציונלי) אתם יכולים להתאים אישית את האופן שבו Gemini ב-Firebase עוזר לכם על ידי שינוי ההגדרות והוספת קובצי כללים של AI. מידע נוסף
הצגת Gemini בפקודות Firebase בשורה
כדי להציג פקודות Gemini בתוך שורה לקוד ספציפי, בוחרים את הקוד שרוצים לקבל עזרה לגביו ולוחצים עליו לחיצה ימנית.
בתפריט, בוחרים באפשרות sparkGemini ואז בוחרים את הפעולה שרוצים לבצע.
שימוש בהשלמת קוד לפי הצעה Gemini
כדי לעזור לכם לכתוב קוד, Firebase Studio מספק השלמה של קוד מבוססת-AI שמאפשרת לחזות קוד ולמלא אותו באופן אוטומטי בכל קובץ פתוח ברגע שמתחילים להקליד.
חשוב לדעת שהשלמת הקוד מופעלת כברירת מחדל.
כדי להפעיל או להשבית את השלמת הקוד, משנים את ההגדרות של השלמת הקוד באחת מהשיטות הבאות:
אם משתמשים בקובץ
settings.json
, מגדירים את"IDX.aI.enableInlineCompletion"
כ-true
או כ-false
.כדי לעדכן את ההגדרות בסביבת העבודה Firebase Studio:
לוחצים על
ניהול (בפינה הימנית התחתונה של סביבת העבודה), בוחרים באפשרות 'הגדרות' או לוחצים על
Ctrl+,
(Cmd+,
ב-Mac).אם משתמשים ב-App Prototyping agent ב-Prototyper view, click
Switch to Code to open Code view.
לוחצים על הכרטיסייה Workspace ומחפשים את ההגדרה Firebase Studio > AI > Enable Inline Completion.
כדי להשבית את השלמת הקוד, מבטלים את הבחירה באפשרות הפעלת השלמת קוד בתוך השורה בזמן ההקלדה.