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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ทางลัด Gemini

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

วิธีดูคำสั่ง Gemini จากพาเล็ตคำสั่ง

  1. เปิด Command Palette โดยกด Ctrl+Shift+P (หรือ Cmd+Shift+P ใน MacOS)

  2. ค้นหา Gemini

    รายการคำสั่ง 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 > เปิดใช้การเติมข้อความในบรรทัด

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

ปรับการตั้งค่าการจัดทำดัชนีโค้ดเบส

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • มีอิทธิพลต่อลักษณะตัวตนของ 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 ควรมีผลทันที
    • หากไม่ต้องการสร้างพื้นที่ทำงานใหม่ คุณสามารถขอให้ Geminiload 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 ครอบคลุมเมื่อเปิดใช้การจัดทำดัชนีโค้ดเบส นอกจากนี้ .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: 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. คัดลอกชื่อโมเดลที่คุณเลือกไปยังช่อง IDX > AI: โมเดล Gemini

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

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