กำหนดค่า Gemini ใน Firebase ภายใน Workspace

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Gemini ในทางลัด Firebase

หากต้องการเปิดแชทกับ 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

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

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

หากต้องการกำหนดค่าคีย์และเลือก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. จากFirebaseหน้าต่างแชทของ Gemini ให้ คลิกตัวเลือกโมเดล แล้วเลือกรหัสโมเดลที่กำหนดเอง การตั้งค่า ผู้ใช้จะเปิดขึ้น

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

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

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