กำหนดค่า Gemini ภายในพื้นที่ทำงาน

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

  • คำแนะนำการเติมโค้ดขณะพิมพ์

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

  • การดำเนินการแบบแทรกในบรรทัดที่คุณทำได้กับโค้ดที่เลือก เช่น คุณขอให้ Gemini ทำให้โค้ดที่เลือก อ่านง่ายขึ้นได้

  • ความช่วยเหลือในการเขียนโค้ดแบบแทรกในบรรทัด

คุณสามารถปรับแต่งวิธีที่ Gemini ช่วยคุณได้โดยปรับการตั้งค่า และเพิ่มไฟล์กฎ AI ดังนี้

ใช้ Gemini ในพื้นที่ทำงาน

ใช้ Gemini เพื่อเพิ่มประสิทธิภาพการเขียนโค้ดผ่าน แผงแชท, เทอร์มินัล หรือ ความช่วยเหลือในการเขียนโค้ดแบบแทรกในบรรทัด

  1. ใช้การแชทหรือความช่วยเหลือในการเขียนโค้ดแบบแทรกในบรรทัดในพื้นที่ทำงานโดยทำดังนี้

    • หากต้องการใช้การแชท ให้คลิก ประกายไฟ Gemini ที่ ด้านล่างของพื้นที่ทำงานที่เปิดอยู่

    • หากต้องการใช้ความช่วยเหลือในการเขียนโค้ดแบบแทรกในบรรทัด ให้เริ่มพิมพ์โค้ดแล้วกด Tab เพื่อยอมรับคำแนะนำ

  2. โปรดทราบว่าระบบจะเปิดใช้ตัวเลือก 2 รายการต่อไปนี้โดยค่าเริ่มต้น

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

    หากต้องการเปลี่ยนตัวเลือกเหล่านี้สำหรับการตั้งค่าพื้นที่ทำงานในอนาคต ให้ทำดังนี้

    นอกจากนี้ คุณยังยกเว้นไฟล์และไดเรกทอรีที่เฉพาะเจาะจงจากการจัดทำดัชนี AI ได้ด้วย ดู ยกเว้นไฟล์จาก Gemini ด้วยไฟล์ .aiexclude

ทางลัดของ Gemini

หากต้องการเปิดแชทกับ Gemini อย่างรวดเร็ว ให้กด Ctrl+Shift+Space (หรือ Cmd+Shift+Space ใน MacOS)

หากต้องการดูคำสั่ง Gemini จากพาเล็ตคำสั่ง ให้ทำดังนี้

  1. เปิดพาเล็ตคำสั่งโดยกด Ctrl+Shift+P (หรือ Cmd+Shift+P ใน MacOS)

  2. ค้นหา Gemini

    รายการคำสั่ง Gemini จะปรากฏขึ้น

ปรับการตั้งค่าการเติมโค้ด

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

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

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

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

  • หากต้องการอัปเดตการตั้งค่าในพื้นที่ทำงาน Firebase Studio ให้ทำดังนี้

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

      หากใช้ App Prototyping agent ใน Prototyper มุมมอง ให้คลิก ไอคอนเปลี่ยนโค้ด เปลี่ยนเป็นโค้ด เพื่อเปิด Code มุมมอง

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

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

ปรับการตั้งค่าการจัดทำดัชนีฐานของโค้ด

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

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

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

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

  • หากต้องการอัปเดตการตั้งค่าในพื้นที่ทำงาน Firebase Studio ให้ทำดังนี้

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

      หากใช้ App Prototyping agent ใน Prototyper มุมมอง ให้คลิก ไอคอนเปลี่ยนโค้ด เปลี่ยนเป็นโค้ด เพื่อเปิด Code มุมมอง

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

    3. เลือก Firebase Studio > AI: เปิดใช้การจัดทำดัชนีฐานของโค้ด

    4. หากต้องการปิดการจัดทำดัชนีโค้ด ให้ยกเลิกการเลือกAI: เปิดใช้การจัดทำดัชนีฐานของโค้ด คุณต้องอัปเดตการตั้งค่าการจัดทำดัชนีโค้ดสำหรับพื้นที่ทำงานแต่ละแห่ง

ปรับแต่งคำแนะนำสำหรับ Gemini ด้วยไฟล์กฎ AI

คุณสามารถเพิ่มข้อมูลบริบทและพรอมต์ของระบบได้โดยการสร้างไฟล์กฎ AI ดังนี้

การแชทของ Gemini จะให้ความสำคัญกับไฟล์ .idx/airules.md แต่จะใช้ GEMINI.md หากไม่มีไฟล์ .idx/airules.md

Gemini จะใช้กฎของคุณเป็นคำแนะนำและบริบทของระบบ ซึ่งจะปรับแต่งคำตอบสำหรับ Use Case ของคุณ

ใช้ไฟล์กฎ AI เพื่อแชร์พรอมต์ที่กำหนดเอง แนวทางปฏิบัติแนะนำ หรือแม้แต่ บริบทที่สำคัญเกี่ยวกับโปรเจ็กต์กับ Gemini เพื่อให้บรรลุ เป้าหมายต่างๆ เช่น

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

สร้างและทดสอบไฟล์กฎ AI

วิธีสร้างและทดสอบไฟล์กฎ AI

  1. สร้างไฟล์ใหม่ที่ .idx/airules.md (หรือ GEMINI.md) ในพื้นที่ทำงาน Firebase Studio โดยคุณใช้ตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้ได้

    • จาก Explorer (Ctrl+Shift+E) ให้คลิกขวาที่ไดเรกทอรีระดับบนสุดแล้วเลือกไฟล์ใหม่ ตั้งชื่อไฟล์แล้วกด Enter
    • จากเทอร์มินัล ให้ใช้โปรแกรมแก้ไขข้อความที่ต้องการเพื่อเปิด GEMINI.md หรือ .idx/airules.md

  2. เพิ่มเนื้อหาลงในไฟล์ คุณอาจต้องการเพิ่มข้อมูลเกี่ยวกับบุคลิกที่ Gemini ควรใช้ (เช่น "คุณเป็นนักพัฒนาซอฟต์แวร์ผู้เชี่ยวชาญและ ผู้ช่วยที่เป็นประโยชน์ซึ่งรู้ทุกอย่างเกี่ยวกับ Next.js") มาตรฐานการเขียนโค้ดและ การสนทนา รวมถึงบริบทเกี่ยวกับโปรเจ็กต์ ดูตัวอย่างไฟล์กฎ AI ได้ที่ ตัวอย่างต่อไปนี้

  3. บันทึกไฟล์แล้วเปิด Gemini

  4. หากต้องการเริ่มใช้กฎ AI ให้ทำอย่างใดอย่างหนึ่งต่อไปนี้

    • สร้างพื้นที่ทำงานใหม่โดยรีเฟรชหน้าเว็บ หลังจากสร้างใหม่แล้ว Gemini จะใช้ไฟล์กฎในการแชท การเปลี่ยนแปลงไฟล์กฎ AI ควรแสดงผลทันที
    • หากไม่ต้องการสร้างพื้นที่ทำงานใหม่ คุณสามารถขอให้ Gemini เพื่อ load GEMINI.md หรือ load airules.md หากทำการเปลี่ยนแปลง ไฟล์ระหว่างเซสชันปัจจุบัน คุณอาจต้องแจ้งให้ Geminiโหลดไฟล์กฎอีกครั้ง

  5. ถามคำถามเกี่ยวกับโค้ด Gemini จะตอบกลับโดยใช้ ข้อมูลที่คุณระบุไว้ในไฟล์กฎเป็นบริบท

    Gemini จะใช้ .idx/airules.md GEMINI.md .gemini/styleguide.md AGENTS.md หรือ cursorrules (ตามลำดับความสำคัญ)

ตัวอย่าง

ต่อไปนี้เป็นตัวอย่างพื้นฐานของไฟล์กฎที่คุณอาจใช้สำหรับเกมเล่นฆ่าเวลาที่พัฒนาด้วย Next.js

# Persona

You are an expert developer proficient in both front- and back-end development
with a deep understanding of Node.js, Next.js, React, and Tailwind CSS. You
create clear, concise, documented, and readable TypeScript code.

You are very experienced with Google Cloud and Firebase services and how
you might integrate them effectively.

# Coding-specific guidelines

- Prefer TypeScript and its conventions.
- Ensure code is accessible (for example, alt tags in HTML).
- You are an excellent troubleshooter. When analyzing errors, consider them
  thoroughly and in context of the code they affect.
- Do not add boilerplate or placeholder code. If valid code requires more
  information from the user, ask for it before proceeding.
- After adding dependencies, run `npm i` to install them.
- Enforce browser compatibility. Do not use frameworks/code that are not
  supported by the following browsers: Chrome, Safari, Firefox.
- When creating user documentation (README files, user guides), adhere to the
  Google developer documentation style guide
  (https://developers.google.com/style).

# Overall guidelines

- Assume that the user is a junior developer.
- Always think through problems step-by-step.

# Project context

- This product is a web-based strategy game with a marine life theme.
- Intended audience: casual game players between the ages of 17 and 100.

ยกเว้นไฟล์จาก Gemini ด้วยไฟล์ .aiexclude

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

ไฟล์ .aiexclude จะติดตามไฟล์ที่ ไม่ควรแชร์กับ Gemini รวมถึงประสบการณ์การแชท และฟีเจอร์ AI ที่ทำงานในเครื่องมือแก้ไข ซึ่งคล้ายกับไฟล์ .gitignore ไฟล์ .aiexclude จะทำงานกับไฟล์ในไดเรกทอรีที่มีไฟล์ดังกล่าวหรือไดเรกทอรีย่อย

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

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

สภาพแวดล้อมการพัฒนาอื่นๆ เช่น Android Studio อาจ รองรับไฟล์ .aiexclude ด้วย

วิธีเขียนไฟล์ .aiexclude

ไฟล์ .aiexclude จะใช้ไวยากรณ์เดียวกับไฟล์ .gitignore โดยมีข้อแตกต่างดังนี้

  • ไฟล์ .aiexclude ที่ว่างเปล่าจะบล็อกไฟล์ทั้งหมดในไดเรกทอรีและไดเรกทอรีย่อยทั้งหมด ซึ่งเหมือนกับไฟล์ที่มี **/*
  • ไฟล์ .aiexclude ไม่รองรับการปฏิเสธ (การนำหน้าแพตเทิร์นด้วย !)

ตัวอย่าง

ต่อไปนี้คือตัวอย่างการกำหนดค่าไฟล์ .aiexclude

  • บล็อกไฟล์ทั้งหมดที่ชื่อ apikeys.txt ในไดเรกทอรีที่มีไฟล์ .aiexclude หรือไดเรกทอรีย่อย

    apikeys.txt

  • บล็อกไฟล์ทั้งหมดที่มีนามสกุลไฟล์ .key ในไดเรกทอรีที่มีไฟล์ .aiexclude หรือไดเรกทอรีย่อย

    *.key

  • บล็อกเฉพาะไฟล์ apikeys.txt ในไดเรกทอรีเดียวกับ .aiexclude แต่ไม่บล็อกไดเรกทอรีย่อย

    /apikeys.txt

  • บล็อกไฟล์ทั้งหมดในไดเรกทอรี my/sensitive/dir และไดเรกทอรีย่อยทั้งหมด เส้นทางควรเป็นเส้นทางสัมพัทธ์กับไดเรกทอรีที่มีไฟล์ .aiexclude

    my/sensitive/dir/

นำคีย์ของคุณมาเอง: ใช้โมเดล Gemini อื่นๆ ในการแชท

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

ดูรายการโมเดลทั้งหมดที่พร้อมใช้งานได้ที่ Gemini โมเดล

วิธีกำหนดค่าคีย์และเลือกโมเดล Gemini อื่น:

  1. ในพื้นที่ทำงานที่เปิดอยู่ ให้คลิก ประกายไฟ Gemini ที่ ด้านล่างของพื้นที่ทำงาน (หรือแท็บ Gemini)

  2. จากหน้าต่างแชทของ Gemini ให้คลิก การตั้งค่า AI ไอคอน การตั้งค่า AI การตั้งค่าผู้ใช้ จะปรากฏขึ้น

  3. ในช่อง IDX > AI: คีย์ API ของ Gemini ให้ป้อนคีย์ Gemini API ของคุณ

  4. เลือก Gemini API จากเมนูแบบเลื่อนลง IDX > AI: ผู้ให้บริการโมเดล

ตอนนี้คุณสามารถเลือกโมเดลที่กำหนดค่าไว้ล่วงหน้า Gemini ใน การแชทได้แล้ว

วิธีกำหนดค่าโมเดล Gemini ที่ไม่อยู่ในเมนูแบบเลื่อนลง:

  1. ระบุโมเดล Gemini ที่ต้องการใช้ในการ แชทจากรายการที่ Gemini โมเดล เช่น คุณจะป้อน gemini-3-pro-preview เพื่อ ใช้โมเดลเวอร์ชันตัวอย่าง Gemini 3 Pro Preview

  2. จากหน้าต่างแชทGemini ให้คลิกตัวเลือกโมเดล แล้วเลือกรหัสโมเดลที่กำหนดเอง การตั้งค่าผู้ใช้ จะเปิดขึ้น

  3. คัดลอกชื่อโมเดลที่เลือกไว้ลงในช่อง IDX > AI: โมเดล Gemini

  4. ปิดหน้าต่างแชท แล้วเปิดอีกครั้งโดยคลิก ประกายไฟ Gemini ที่ ด้านล่างของพื้นที่ทำงานเพื่อรีเฟรชรายการโมเดล

ขั้นตอนถัดไป