ลองใช้ Gemini ใน Firebase ภายใน Firebase Studio

หลังจากตั้งค่า Gemini ใน Firebase ภายใน Firebase Studio แล้ว คุณสามารถเริ่มใช้เพื่อดำเนินการต่อไปนี้ได้ทันที

• แชทกับ Gemini ใน Firebase
• รับความช่วยเหลือในบทสนทนาด้วย Gemini ใน Firebase

โปรดทราบว่าการเติมโค้ดในบรรทัดและการจัดทำดัชนีโค้ดฐานจะเปิดอยู่โดยค่าเริ่มต้น ดูวิธีปรับการตั้งค่า

แชทกับ Gemini ใน Firebase

Firebase Studio ช่วยให้เวิร์กโฟลว์การพัฒนาง่ายขึ้นด้วยแชทที่ทำงานด้วยระบบ AI

เริ่มต้นใช้งานแชท

1. เปิดพื้นที่ทำงานใน Firebase Studio

2. คลิกจุดประกายGemini ที่ด้านล่างของพื้นที่ทำงาน

3. เริ่มแชทกับ Gemini

4. (ไม่บังคับ) ส่งพรอมต์แบบมัลติโมเดลไปยัง Gemini โดยคลิก แนบ แล้วเลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้

   • การวาด: ใช้เครื่องมือวาดเพื่อออกแบบตามที่คุณต้องการ จากนั้นพิมพ์พรอมต์แล้วคลิกส่ง
   • รูปภาพ: อัปโหลดรูปภาพ เพิ่มพรอมต์ แล้วคลิกส่ง
   • ไฟล์: เลือกไฟล์จากพื้นที่ทํางานเพื่อใช้เป็นบริบท เพิ่มพรอมต์ แล้วคลิกส่ง

5. (ไม่บังคับ) เพิ่มคีย์ Gemini API ของคุณเองและเลือกรูปแบบ Gemini อื่น ดูข้อมูลเพิ่มเติมได้ที่นำคีย์ของคุณเองมาใช้: ใช้Geminiรุ่นอื่นๆ ในแชท

6. (ไม่บังคับ) ปรับแต่งวิธีที่ Gemini ใน Firebase ช่วยคุณโดยการปรับการตั้งค่าและเพิ่มไฟล์กฎ AI ดูข้อมูลเพิ่มเติม

หลังจากเปิดใช้และใช้งานแชทแล้ว คุณจะถามคำถามและรับคำแนะนำโค้ดได้Gemini Geminiยังสามารถอัปเดตไฟล์การกำหนดค่าและโค้ดของโปรเจ็กต์ รวมถึงเรียกใช้คำสั่งในเทอร์มินัลให้คุณได้โดยตรงภายในพื้นที่ทำงาน Gemini อาจถามว่าสามารถดำเนินการต่อไปนี้ได้ไหม

• แก้ไขไฟล์: Gemini จะเพิ่มฟีเจอร์ แก้ไขข้อบกพร่อง หรือเขียนโค้ดใหม่ได้ เมื่อ Gemini เสนอการเปลี่ยนแปลงในไฟล์ คุณจะเห็น 2 ตัวเลือก ดังนี้
  • อัปเดตไฟล์: อัปเดตไฟล์โดยตรงด้วยการเปลี่ยนแปลงที่ Gemini เสนอ
  • ตรวจสอบการเปลี่ยนแปลง: เปิดการเปลี่ยนแปลงที่เสนอในหน้าต่างอื่นเพื่อตรวจสอบก่อนนำไปใช้

• เรียกใช้คำสั่งในเทอร์มินัล: Gemini สามารถเรียกใช้คำสั่งต่างๆ เช่น การติดตั้งข้อกำหนดเบื้องต้นหรือเริ่มเซิร์ฟเวอร์สำหรับนักพัฒนาซอฟต์แวร์ โปรแกรมอาจเสนอคำสั่งเหล่านี้เอง หรือคุณจะขอให้ Gemini เรียกใช้คำสั่งเหล่านี้ก็ได้ หลังจาก Gemini เสนอคำสั่งแล้ว ปุ่มเรียกใช้เทอร์มินัลจะปรากฏขึ้น คลิกเพื่อเรียกใช้คำสั่งในเทอร์มินัลภายใน Firebase Studio Gemini จะเรียกใช้คําสั่งและตีความผลลัพธ์ให้คุณในหน้าต่างแชท รวมถึงช่วยกำหนดขั้นตอนถัดไป

  หมายเหตุ: สำหรับคำสั่งที่ทำงานเป็นเวลานาน (เช่น เรียกใช้เซิร์ฟเวอร์ด้วย npm run dev) ปุ่มแยกจะปรากฏขึ้น คลิกแยกเพื่อให้คำสั่งทำงานต่อไปในเทอร์มินัลขณะที่คุณได้รับสิทธิ์เข้าถึงแชทอีกครั้ง

ทำงานที่ซับซ้อนให้เสร็จด้วยแชท

Gemini ใน Firebase ช่วยให้คุณทำงานด้านการพัฒนาที่ซับซ้อนให้เสร็จสมบูรณ์ได้ เช่น

• การเขียนเอกสารประกอบของโค้ด: Gemini จะสร้างเอกสารประกอบในรูปแบบที่เหมาะสมสำหรับโค้ดของคุณโดยอัตโนมัติเมื่อคุณขอให้ "เขียนเอกสารประกอบ"
• การเขียนเคสทดสอบ: Gemini สามารถอัปเดตและสร้างการทดสอบหน่วยโดยอัตโนมัติ หากคุณขอให้ Gemini "เขียนการทดสอบ" Gemini จะค้นหาไฟล์การทดสอบหน่วยที่มีอยู่และเพิ่มการทดสอบที่ขาดหายไปลงในไฟล์ได้ หากไม่พบไฟล์การทดสอบหน่วยที่มีอยู่ ระบบจะสร้างการทดสอบหน่วยให้คุณตรวจสอบ ปรับปรุง และยอมรับ นอกจากนี้ คุณยังขอให้ Gemini เรียกใช้การทดสอบดังกล่าวได้ด้วย
• การจัดการทรัพยากร Dependency: คุณสามารถขอให้ Gemini ตรวจหาทรัพยากร Dependency ที่ขาดหายไปในโค้ดและแก้ไขจากอินเทอร์เฟซแชทได้โดยตรง
• การจัดระเบียบโค้ดใหม่: คุณสามารถขอให้ Gemini จัดระเบียบโค้ดใหม่ในนามของคุณได้ เช่น ดึงข้อมูลฟังก์ชัน หรือเปลี่ยนชื่อตัวแปรในหลายไฟล์ Gemini จะสร้างรายการการเปลี่ยนแปลงที่เสนอ และหลังจากตรวจสอบและนำการเปลี่ยนแปลงไปใช้แล้ว คุณสามารถขอให้ Gemini อัปเดตและเรียกใช้การทดสอบหน่วยเพื่อยืนยันการปรับโครงสร้างและตรวจสอบว่าการทดสอบยังคงผ่านต่อไป
• การสร้างและเรียกใช้เวิร์กโฟลว์ Docker: หากเปิดใช้ Docker ในเวิร์กスペース คุณจะจัดคอนเทนเนอร์แอปพลิเคชันอย่างรวดเร็วได้โดยขอให้ Gemini สร้าง Dockerfile (เช่น "สร้าง Dockerfile สําหรับแอปของฉัน") หลังจากที่ Gemini สร้าง Dockerfile แล้ว ก็จะสร้างและเรียกใช้คอนเทนเนอร์ให้คุณได้
• เรียกใช้การทดสอบหน่วยและการผสานรวม: คุณสามารถเริ่มการเรียกใช้การทดสอบได้โดยขอให้ Gemini เรียกใช้ชุดการทดสอบที่เฉพาะเจาะจง (เช่น "เรียกใช้การทดสอบหน่วยของฉัน" หรือ "เรียกใช้การทดสอบการผสานรวม") Gemini จะดำเนินการตามคำสั่งที่เหมาะสมสำหรับโปรเจ็กต์ (เช่น npm test หรือคำสั่งโปรแกรมทดสอบที่เฉพาะเจาะจง) และจะแสดงผลการทดสอบภายในอินเทอร์เฟซแชท

ใช้คำสั่งเครื่องหมายทับใน Chat

คุณกำหนดเอาต์พุตที่ Gemini ในแชท Firebase แสดงได้โดยใช้คำสั่งเครื่องหมายทับ ซึ่งเป็นทางลัดที่มีเครื่องหมายทับ (/) นำหน้า ป้อน / ที่จุดเริ่มต้นของพรอมต์แชท 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 ในFirebaseแชทได้ด้วยการเริ่มชุดข้อความที่แตกต่างกัน จากนั้นคุณจะกลับไปดูชุดข้อความก่อนหน้าได้ โดยอิงตามหัวข้อ

วิธีเริ่มแชทใหม่

1. คลิกแชทใหม่ในแถบส่วนหัวของแชท

2. ป้อนพรอมต์

วิธีเปลี่ยนไปใช้ชุดข้อความแชทอื่น

1. คลิกแชทล่าสุดในแถบส่วนหัวของแชท

2. เลือกชุดข้อความแชทที่ต้องการเข้าถึง

3. ดำเนินการต่อในชุดข้อความแชทนั้นหรือกลับไปดูแชทก่อนหน้าด้วย Gemini

วิธีลบชุดข้อความแชท

1. เลือกชุดข้อความแชทที่ต้องการลบจากแชทล่าสุดในแถบส่วนหัวของแชท

2. คลิกลบแชทในแถบส่วนหัวของแชท ยืนยันว่าต้องการลบชุดข้อความแชทออกจากประวัติการแชท

ดูการอ้างอิงโค้ดในแชท

Firebase Studio จะแชร์ข้อมูลเกี่ยวกับแหล่งที่มาต้นฉบับและใบอนุญาตที่เกี่ยวข้องเพื่อช่วยให้คุณยืนยันคำแนะนำโค้ดได้ คุณดูบันทึกการอ้างอิงโค้ดทั้งหมดได้จากหน้าต่างแชทโดยคลิกไอคอนบันทึกใบอนุญาตในแถบส่วนหัวของแชท

ดูข้อมูลเพิ่มเติมเกี่ยวกับการอ้างอิงโค้ดของ Google ได้ที่ความช่วยเหลือเกี่ยวกับโค้ด Generative

รับความช่วยเหลือในบทสนทนาจาก Gemini ใน Firebase

Firebase Studio ช่วยเพิ่มประสิทธิภาพการทำงานด้วยคำแนะนำโค้ดจาก Gemini ที่ทำงานด้วยระบบ AI

โปรดทราบว่าระบบจะเปิดการเติมโค้ดให้โดยค่าเริ่มต้น ดูวิธีปรับการตั้งค่า

รับคำแนะนำโค้ดจาก Gemini ใน Firebase

Gemini สร้างบล็อกโค้ดที่เป็นไปได้อย่างสมบูรณ์ในบรรทัด หากต้องการใช้ Geminiความช่วยเหลือเกี่ยวกับโค้ดในบรรทัด ให้ทำตามขั้นตอนต่อไปนี้

1. เปิดพื้นที่ทำงานใน Firebase Studio

2. ไปที่ไฟล์หรือบรรทัดโค้ดที่ต้องการความช่วยเหลือ แล้วกด Ctrl+I (Cmd+I ใน MacOS)

3. ป้อนคำอธิบายสิ่งที่คุณต้องการ แล้ว Gemini จะสร้างคำแนะนำ นอกจากนี้ คุณยังใช้การดำเนินการเป็นทางลัดเพื่อแนะนำการแนะนำได้ด้วย เช่น ป้อน /fixError เพื่อรับความช่วยเหลือในการแก้ไขข้อผิดพลาดในโค้ดอินไลน์

4. เลือกดำเนินการตามตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้

   • หากต้องการใช้รหัสที่สร้างขึ้น ให้คลิกยอมรับ
   • หากต้องการวางคำแนะนำที่อื่นหรือย้ายไปยังไฟล์ใหม่ ให้เลือกตัวเลือกที่เกี่ยวข้องจากเมนูแบบเลื่อนลงในปุ่มทิ้ง
   • หากต้องการสร้างคำแนะนำใหม่ ให้คลิกสร้างใหม่
   • หากต้องการนำคำแนะนำออกทั้งหมด ให้คลิกทิ้ง

5. (ไม่บังคับ) ปรับแต่งวิธีที่ Gemini ใน Firebase ช่วยคุณโดยการปรับการตั้งค่าและเพิ่มไฟล์กฎ AI ดูข้อมูลเพิ่มเติม

ดู Gemini ในFirebaseคำสั่งในบรรทัด

1. หากต้องการดูคำสั่ง Gemini ในบรรทัดของโค้ดที่เฉพาะเจาะจง ให้เลือกโค้ดที่ต้องการความช่วยเหลือแล้วคลิกขวา

2. เลือก sparkGeminiจากเมนู แล้วเลือกการดำเนินการที่ต้องการทำ

ใช้ Gemini-การเติมโค้ดที่แนะนำ

Firebase Studio ให้การเติมโค้ดอัตโนมัติด้วย AI เพื่อช่วยในการเขียนโค้ด ซึ่งจะคาดการณ์และป้อนโค้ดในไฟล์ที่เปิดอยู่โดยอัตโนมัติทันทีที่คุณเริ่มพิมพ์

โปรดทราบว่าระบบจะเปิดการเติมโค้ดให้โดยค่าเริ่มต้น

หากต้องการเปิดหรือปิดการเติมโค้ด ให้ปรับการตั้งค่าการเติมโค้ดโดยใช้วิธีใดวิธีหนึ่งต่อไปนี้

• หากคุณใช้ไฟล์ settings.json ให้ตั้งค่า "IDX.aI.enableInlineCompletion" เป็น true หรือ false

• วิธีอัปเดตการตั้งค่าในพื้นที่ทํางาน Firebase Studio

  1. คลิก จัดการ (ที่ด้านซ้ายล่างของพื้นที่ทํางาน) แล้วเลือกการตั้งค่า หรือกด Ctrl+, (Cmd+, ใน Mac)

     หากคุณใช้ App Prototyping agent ใน Prototyper view, click Switch to Code to open Code view.

  2. เลือกแท็บ Workspace แล้วค้นหาการตั้งค่า Firebase Studio > AI > เปิดใช้การเติมข้อความในบรรทัด

  3. หากต้องการปิดการเติมโค้ด ให้เลือกตัวเลือกเปิดใช้การเติมโค้ดในบรรทัดขณะพิมพ์