איך משתמשים ב-Gemini ב-Firebase Studio

‫Gemini בתוך Firebase Studio מציע עזרה מבוססת-AI כדי לייעל את תהליך העבודה שלכם בתכנות – בשורה בעורך הקוד ובצ'אט. ‫Gemini יכול לספק הצעות לקוד, ליצור קוד, להסביר מושגים שקשורים לקוד, לעדכן קובצי פרויקט, להריץ פקודות בטרמינל ולפרש את פלט הפקודה.

אפשר להתחיל להשתמש ב-Gemini מיד, בלי לבצע הגדרה:

• צ'אט עם Gemini.
• קבלת עזרה בהקשר עם Gemini

חשוב לדעת שהשלמת קוד בתוך השורה ואינדוקס של בסיס הקוד מופעלים כברירת מחדל. איך משנים את ההגדרות

האפשרות Gemini זמינה כשנמצאים בתצוגה Code. אפשר להשתמש בו עם אפליקציות שמפעילים ב-Firebase Studio, עם אפליקציות שמייבאים ל-Firebase Studio ועם אפליקציות שנוצרו על ידי App Prototyping agent.

שיחת צ'אט עם Gemini

‫Firebase Studio עוזר לכם בתהליכי הפיתוח באמצעות צ'אט מבוסס-AI.

חשוב: Gemini יכול ליצור פלט שנראה סביר אבל כולל עובדות שגויות. יכול להיות שהתשובות יכילו מידע לא מדויק שלא מייצג את ההשקפות של Google. מומלץ לאמת כל פלט של Gemini לפני שמשתמשים בו, ולא להשתמש בקוד שנוצר ולא נבדק בסביבת ייצור. אל תזינו בצ'אט פרטים אישיים מזהים (PII) או נתוני משתמשים.

איך מתחילים להשתמש בצ'אט

1. פותחים או יוצרים מרחב עבודה ב-Firebase Studio.

   הערה: אם אתם משתמשים בתצוגה App Prototyping agent in Prototyper view, לוחצים על Switch to Code כדי לפתוח את התצוגה Code.

2. בתחתית סביבת העבודה, לוחצים על sparkGemini.

   הערה: אפליקציות שנוצרו באמצעות App Prototyping agent מוגדרות כברירת מחדל לצ'אט Prototyper בתצוגה Code. כדי להשתמש בצ'אט אינטראקטיבי, בקטע Gemini לוחצים על + ואז בוחרים באפשרות צ'אט חדש.Gemini כדי לחזור לצ'אט Prototyper, לוחצים על שיחות אחרונות ואז בוחרים באפשרות צ'אט עם יצירת אב טיפוס.

3. מתחילים צ'אט עם Gemini.

4. (אופציונלי) כדי לשלוח הנחיה מולטימודלית אל Gemini, לוחצים על צירוף ובוחרים באחת מהאפשרויות הבאות:

   • שרטוט: משתמשים בכלי השרטוט כדי לעצב את העיצוב הרצוי, ואז מקלידים את ההנחיה ולוחצים על שליחה.
   • תמונה: מעלים תמונה, מוסיפים הנחיה ולוחצים על שליחה.
   • קובץ: בוחרים קובץ מתוך סביבת העבודה כדי להשתמש בו כהקשר, מוסיפים את ההנחיה ולוחצים על שליחה.
   טיפ: כדי להוסיף קובץ מהמחשב המקומי לסביבת העבודה, לוחצים לחיצה ימנית על התיקייה שאליה רוצים להעלות את הקובץ בסייר, ואז לוחצים על העלאה…

5. (אופציונלי) משנים את המצב שבו Gemini משתמש כדי להגיב לבקשות:

   • מבקשים: צור תוכנית. במצב הזה, Gemini עונה על שאלות בלי להציע שינויים בקוד.
   • סוכן: ביצוע שינויים באפליקציה. במצב הזה, Gemini מציע שינויים באפליקציה, אבל לא מבצע אותם בלי אישור שלכם.
   • סוכן (הפעלה אוטומטית): שינויים יוחלו על האפליקציה באופן אוטומטי. במצב הזה,‏ Gemini מבצע שינויים בקוד באופן אוטומטי על סמך הבקשות שלכם, אבל עדיין יבקש אישור להפעלת פקודות במסוף.

6. (אופציונלי) מוסיפים מפתח Gemini API משלכם ובוחרים מודל Gemini אחר. מידע נוסף על שימוש במודלים אחרים בצ'אט: שימוש במפתח משלכםGemini

7. (אופציונלי) אפשר להתאים אישית את האופן שבו Gemini עוזר לכם על ידי שינוי ההגדרות שלו והוספה של קובצי כללי AI. מידע נוסף

בחלונית הצ'אט, אפשר לשאול Gemini שאלות ולקבל הצעות לקוד. במצב סוכן, Gemini יכול אפילו לעדכן את קובצי ההגדרות ואת הקוד של הפרויקט, ולהריץ פקודות בטרמינל ישירות בסביבת העבודה. ‫Gemini עשוי לשאול אם הוא יכול לבצע בשבילכם את אחת מהפעולות הבאות:

• שינוי קבצים: Gemini יכול להוסיף תכונה, לתקן באג או לשכתב קוד. כש-Gemini מציע שינויים בקובץ, מוצגות שתי אפשרויות:

  • עדכון הקובץ: עדכון ישיר של הקובץ עם השינויים המוצעים של Gemini.
  • בדיקת השינויים: פתיחת השינויים המוצעים בחלון אחר לבדיקה לפני החלתם.
  הערה: אם אתם מעדיפים, Gemini יכול ליישם באופן אוטומטי את השינויים המוצעים. בחלון הצ'אט, משתמשים בתפריט הנפתח של המצב כדי לבחור במצב נציג (הפעלה אוטומטית).

• הפעלת פקודות בטרמינל: Gemini יכול להריץ פקודות כמו התקנת תלות או הפעלת שרת פיתוח. יכול להיות ש-Gemini יציע את הפקודות האלה בעצמו, או שתוכלו לבקש ממנו להריץ אותן. אחרי ש-Gemini מציע פקודה, מופיע הכפתור הפעלת פקודה בטרמינל. לוחצים עליו כדי להריץ את הפקודה במסוף בתוך Firebase Studio. ‫Gemini יריץ את הפקודה ויפרש את התוצאות בשבילכם בחלון הצ'אט, ויעזור לכם להבין מה השלבים הבאים.

  הערה: בפקודות ממושכות (לדוגמה, הפעלת שרת באמצעות npm run dev), מופיע הלחצן ניתוק. לוחצים על ניתוק כדי לאפשר להפעיל את הפקודה במסוף תוך כדי קבלת גישה לצ'אט.

ביצוע משימות מורכבות בצ'אט

‫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 משתף מידע על המקור המקורי והרישיונות שמשויכים אליו. כדי לראות יומן מלא של ציטוטי קוד מחלון הצ'אט, לוחצים על סמל יומן הרישיון בסרגל הכותרת של הצ'אט.

מידע נוסף על הפניות למקורות של קוד ב-Google זמין במאמר עזרה בכתיבת קוד גנרטיבי.

קבלת עזרה מ-Gemini

‫Firebase Studio משפר את הפרודוקטיביות באמצעות הצעות קוד מבוססות-AI מ-Gemini.

חשוב: Gemini יכול ליצור פלט שנראה סביר אבל כולל עובדות שגויות. יכול להיות שהתשובות יכילו מידע לא מדויק שלא מייצג את ההשקפות של Google. מומלץ לאמת כל פלט של Gemini לפני שמשתמשים בו, ולא להשתמש בקוד שנוצר ולא נבדק בסביבת ייצור. אל תזינו בצ'אט פרטים אישיים מזהים (PII) או נתוני משתמשים.

חשוב לדעת שהשלמת קוד מופעלת כברירת מחדל. איך משנים את ההגדרות

קבלת הצעות לקוד מ-Gemini

‫Gemini יוצר בלוקים שלמים של קוד אפשרי בתוך השורה. כדי להשתמש בעזרה של Gemini בכתיבת קוד בתוך השורה, פועלים לפי השלבים הבאים:

1. פותחים סביבת עבודה ב-Firebase Studio.

2. עוברים לקובץ או לשורת הקוד שרוצים לקבל עזרה לגביהם ומקישים על Ctrl+I (Cmd+I ב-MacOS).

3. מזינים תיאור של מה שרוצים לעשות ו-Gemini יוצר הצעה. אפשר גם להשתמש בפעולות כקיצורי דרך כדי להנחות את ההצעות. לדוגמה, מזינים /fixError כדי לקבל עזרה בתיקון שגיאות בקוד מוטבע.

4. בוחרים אחת מהאפשרויות הבאות:

   • כדי לשמור את הקוד שנוצר, לוחצים על אישור.
   • כדי להדביק את ההצעה במקום אחר או להעביר אותה לקובץ חדש, בוחרים באפשרות המתאימה בתפריט הנפתח שלחצן ביטול.
   • כדי ליצור הצעה חדשה, לוחצים על יצירה מחדש.
   • כדי להסיר את ההצעה לגמרי, לוחצים על ביטול.

5. (אופציונלי) אפשר להתאים אישית את האופן שבו Gemini עוזר לכם על ידי שינוי ההגדרות שלו והוספה של קובצי כללי AI. מידע נוסף

כדאי לדעת: אפשר גם להשתמש בצ'אט כדי לתת ל-Gemini הנחיות בשפה טבעית לבצע פעולות ישירות במרחב העבודה שלכם בשמכם, כמו עדכון קוד והפעלת פקודות.

הצגת פקודות Gemini בתוך השורה

1. כדי לראות פקודות Gemini בתוך שורה של קוד ספציפי, בוחרים את הקוד שרוצים לקבל עזרה לגביו ולוחצים עליו לחיצה ימנית.

2. בתפריט, בוחרים באפשרות sparkGemini ואז בוחרים את הפעולה שרוצים לבצע.

שימוש בהשלמת קוד מוצעת של Gemini

כדי לעזור לכם לכתוב קוד, Firebase Studio מספק השלמה של קוד מבוסס-AI שמנבאת וממלאת אוטומטית קוד בכל קובץ פתוח ברגע שמתחילים להקליד.

חשוב לדעת שהשלמת קוד מופעלת כברירת מחדל.

כדי להפעיל או להשבית את השלמת הקוד, משנים את ההגדרות של השלמת הקוד באחת מהשיטות הבאות:

• אם משתמשים בקובץ settings.json, מגדירים את "IDX.aI.enableInlineCompletion" לערך true או false.

• כדי לעדכן את ההגדרות בFirebase Studio Workspace:

  1. לוחצים על ניהול (בחלק התחתון מימין של סביבת העבודה), ואז בוחרים באפשרות 'הגדרות' או לוחצים על Ctrl+, (Cmd+, ב-Mac).

     אם אתם משתמשים בתצוגה App Prototyping agent בPrototyper, לוחצים על מעבר לקוד כדי לפתוח את התצוגה Code.

  2. לוחצים על הכרטיסייה Workspace (סביבת עבודה) ומחפשים את ההגדרה Firebase Studio > AI > Enable Inline Completion (הפעלת השלמה אוטומטית בשורה).

  3. כדי להשבית את השלמת הקוד, מבטלים את הסימון של האפשרות הפעלת השלמת קוד בתוך השורה בזמן ההקלדה.

הערה: כדי שההגדרה הזו תישמר בכל סביבות העבודה, צריך להגדיר אותה בכרטיסייה משתמש. כך תוכלו לוודא שההגדרות יחולו על כל סביבת עבודה שתהיה לכם גישה אליה באמצעות חשבון המשתמש. אם משתפים את סביבת העבודה, עדיין צריך להגדיר את ההגדרה של Workspace.