ตั้งค่า Gemini ใน Firebase ภายใน Workspace

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

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

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

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

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

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

ใช้ Gemini ใน Firebase ใน Workspace

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

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

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

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

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

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

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

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

Gemini ในทางลัด Firebase

หากต้องการเปิดแชทกับ 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 view, click Code switch icon Switch to Code to open Code view.

    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 view, click Code switch icon Switch to Code to open Code view.

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

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

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

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

คุณสามารถเพิ่มบริบทและข้อมูลพรอมต์ของระบบได้โดยการสร้างไฟล์กฎ AI (.idx/airules.md) Gemini ใน Firebase จะใช้กฎของคุณเป็นคำสั่งและบริบทของระบบ เพื่อให้คำตอบที่ปรับแต่งสำหรับกรณีการใช้งานของคุณ

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

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

Geminiจะใช้กฎที่คุณกําหนดค่าในแชท

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

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

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

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

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

  3. บันทึกไฟล์และเปิด Gemini ใน Firebase

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

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

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

ตัวอย่าง

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

ดูรายการรุ่นทั้งหมดที่ใช้ได้ได้ที่ Gemini models

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

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

  2. ในหน้าต่างแชท Gemini ใน Firebase ให้คลิกเมนูแบบเลื่อนลงของชื่อรุ่น แล้วคลิกลิงก์กุญแจ Gemini API การตั้งค่าผู้ใช้จะปรากฏขึ้น

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

ตอนนี้คุณเลือกรูปแบบ Gemini ที่กําหนดค่าไว้ล่วงหน้าในแชทได้แล้ว

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

  1. ระบุรุ่น Gemini ที่ต้องการใช้ในแชทจากรายการที่หัวข้อรุ่น Gemini เช่น คุณอาจป้อน gemini-2.0-flash-lite เพื่อใช้รูปแบบ Gemini 2.0 Flash‑Lite เวอร์ชันเสถียรล่าสุด

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

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

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

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