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

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

  • การเติมโค้ดที่แนะนำให้โดยอัตโนมัติขณะที่คุณพิมพ์

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

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

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

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

ใช้ Gemini ในพื้นที่ทำงานของคุณ

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

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

    • หากต้องการใช้แชท ให้คลิก spark 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. เลือกแท็บ Workspace แล้วค้นหาการตั้งค่า 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. เลือกแท็บ Workspace แล้วค้นหาการตั้งค่า Firebase Studio > AI > เปิดใช้การเติมโค้ด

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

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

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

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

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

Gemini จะใช้กฎของคุณเป็นคำสั่งและบริบทของระบบ โดยปรับแต่งคำตอบให้เหมาะกับกรณีการใช้งานของคุณ

ใช้ไฟล์กฎ 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 เช่นเดียวกับไฟล์ .gitignore ซึ่งรวมถึงประสบการณ์การแชทและฟีเจอร์ AI ที่ทำงานในเครื่องมือแก้ไข ไฟล์ .aiexclude จะทำงานกับไฟล์ที่อยู่ในหรืออยู่ใต้ไดเรกทอรีที่มีไฟล์นั้นอยู่

Gemini จะไม่จัดทำดัชนีไฟล์ที่ครอบคลุมโดย .aiexclude เมื่อเปิดใช้การจัดทำดัชนีฐานของโค้ด นอกจากนี้ .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 chat ใช้ได้ คุณสามารถเลือกโมเดลในตัว โมเดลที่กำหนดค่าไว้ในหน้าต่างแชท หรือโมเดล Gemini ใดก็ได้ที่คุณมีสิทธิ์เข้าถึง

ดูรายการโมเดลทั้งหมดที่มีได้ที่โมเดล Gemini

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

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

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

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

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

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

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

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

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

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

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

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