แชทกับ Gemini ใน IDX

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

เริ่มต้นใช้งานแชทแบบอินเทอร์แอกทีฟด้วย Gemini

  1. เปิด Project IDX เพิ่ม Gemini ลงในที่ทำงาน หากยังไม่ได้ดำเนินการ

  2. คลิกไอคอน Gemini ที่ด้านล่างของพื้นที่ทํางาน หรือกด Cmd+Shift+Space (Ctrl+Shift+Space ใน ChromeOS, Windows หรือ Linux) แถบด้านข้างแชทแบบอินเทอร์แอกทีฟจะปรากฏขึ้น

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

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

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

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

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

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

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

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

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

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

  1. คลิกไอคอนเครื่องหมายบวกหรือเลือกแชทใหม่จากเมนูแบบเลื่อนลงในแถบส่วนหัวของแชท

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

แถบส่วนหัวของแชทที่ขยายชุดข้อความแชท

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

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

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

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

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

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

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

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

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

ไอคอนบันทึกใบอนุญาตในแถบส่วนหัวของแชท

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