เกี่ยวกับพื้นที่ทำงาน Firebase Studio

Firebase Studio มีสภาพแวดล้อมการพัฒนาบนระบบคลาวด์สำหรับการทำงานร่วมกัน ซึ่งช่วยลดความซับซ้อนของกระบวนการสร้างแอปพลิเคชันด้วยการ ผสมผสาน เฟรมเวิร์กและไลบรารีที่หลากหลาย

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

สร้างพื้นที่ทำงาน

พื้นที่ทำงานใน Firebase Studio คือสภาพแวดล้อมในการพัฒนาซอฟต์แวร์ที่ มีทุกสิ่งที่คุณต้องการเพื่อพัฒนาแอปพลิเคชัน ซึ่งประกอบด้วยโค้ดของคุณ เครื่องมือแก้ไขโค้ด (พร้อมปลั๊กอินที่เกี่ยวข้องกับโปรเจ็กต์) และชุดเครื่องมือที่รองรับการพัฒนาแอป โดยจะเหมือนกับการสร้างโปรเจ็กต์ใหม่ในสภาพแวดล้อมในการพัฒนาซอฟต์แวร์เดสก์ท็อปในเครื่อง เพียงแต่คุณจะมีคอมพิวเตอร์และระบบปฏิบัติการทั้งหมดที่กำหนดค่าไว้ล่วงหน้าและจัดเตรียมไว้ โดยเฉพาะ สำหรับการสร้างแอปพลิเคชันของคุณ ซึ่งทำงานในเบราว์เซอร์บนระบบคลาวด์และเข้าถึงได้จากทุกที่

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

วิธีสร้างพื้นที่ทำงานใหม่

• เปิดเทมเพลตหรือแอปตัวอย่าง
• กำลังนำเข้าโปรเจ็กต์
• สร้างต้นแบบด้วย AI แล้วเปลี่ยนไปใช้ Code มุมมอง (</>)

ทำซ้ำพื้นที่ทำงาน

การทำซ้ำพื้นที่ทำงาน Firebase Studio จะสร้างสำเนาโปรเจ็กต์ที่ มีทุกอย่างภายในไดเรกทอรี home/user ซึ่งจะเป็นประโยชน์เมื่อคุณต้องการทดลองใช้โปรเจ็กต์โดยไม่ส่งผลกระทบต่อโปรเจ็กต์เดิม หรือเมื่อต้องการใช้โปรเจ็กต์ที่มีอยู่เป็นจุดเริ่มต้นสำหรับโปรเจ็กต์ใหม่

วิธีทำซ้ำพื้นที่ทำงาน

1. จากFirebase Studioหน้าแรกของ ให้คลิกเมนูmore_horizข้างพื้นที่ทำงานที่ต้องการคัดลอก > ทำซ้ำ

2. ป้อนชื่อพื้นที่ทำงานใหม่ แล้วคลิกทำซ้ำ ระบบจะสร้างพื้นที่ทำงานใหม่และเพิ่มลงในรายการพื้นที่ทำงานของคุณ ß หมายเหตุ: การทำซ้ำพื้นที่ทำงานขนาดใหญ่อาจใช้เวลาหลายนาที หากพื้นที่ทำงานใหม่ไม่โหลด ให้รอ 5 นาที แล้วรีเฟรชหน้า

3. (ไม่บังคับ) หากพื้นที่ทำงานเดิมมีโปรเจ็กต์ Firebase ที่ลิงก์ไว้ ให้พิจารณาสร้างโปรเจ็กต์ Firebase แยกต่างหากสำหรับพื้นที่ทำงานใหม่ ซึ่งจะป้องกันไม่ให้พื้นที่ทำงานใหม่ทำการเปลี่ยนแปลงโปรเจ็กต์ Firebase ที่ลิงก์กับพื้นที่ทำงานเดิม วิธีสร้างโปรเจ็กต์ Firebase

   1. เปิดพื้นที่ทำงานใหม่แล้วขอให้ Gemini สร้างโปรเจ็กต์ Firebase ให้คุณ
   2. อัปเดตไฟล์ใดๆ ที่อ้างอิงโปรเจ็กต์ Firebase เช่น .env หรือ .firebaserc

กำหนดค่าพื้นที่ทำงาน

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

สร้างหรือแก้ไขไฟล์ .idx/dev.nix

การกำหนดค่าสภาพแวดล้อมจะกำหนดไว้ในไฟล์ .idx/dev.nix ในที่เก็บโค้ด ไฟล์นี้จะระบุคอมโพเนนต์ทั้งหมดที่จะเพิ่มลงในพื้นที่ทำงาน ซึ่งรวมถึง

• เครื่องมือระบบ ที่พร้อมใช้งานจาก รีจิสทรีแพ็กเกจ Nix, ซึ่งรวมถึงคอมไพเลอร์ แพ็กเกจ (เช่น go หรือ angular) และยูทิลิตีบรรทัดคำสั่ง เช่น คอมโพเนนต์ gcloud CLI เพิ่มเติม

• ส่วนขยาย IDE จาก รีจิสทรี OpenVSX เช่น เครื่องมือแก้ไขข้อบกพร่องเฉพาะภาษา ตัวจัดรูปแบบโค้ด ส่วนขยายอย่างเป็นทางการสำหรับบริการคลาวด์ และอื่นๆ

• บริการทั่วไป เช่น Docker, การรับส่งข้อความ Pub/Sub, ฐานข้อมูล เช่น Postgres และ Redis และ อื่นๆ

ดูไฟล์ .idx/dev.nix ตัวอย่างต่อไปนี้สำหรับการกำหนดค่าสภาพแวดล้อมพื้นที่ทำงานพื้นฐาน ที่เปิดใช้การแสดงตัวอย่างแอปใน Firebase Studio

{ pkgs, ... }: {

  # Which nixpkgs channel to use.
  channel = "stable-24.11"; # or "unstable"

  # Use https://search.nixos.org/packages to find packages
  packages = [
    pkgs.nodejs_20
  ];

  # Sets environment variables in the workspace
  env = {
    SOME_ENV_VAR = "hello";
  };

  # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id"
  idx.extensions = [
    "angular.ng-template"
  ];

  # Enable previews and customize configuration
  idx.previews = {
    enable = true;
    previews = {
      web = {
        command = [
          "npm"
          "run"
          "start"
          "--"
          "--port"
          "$PORT"
          "--host"
          "0.0.0.0"
          "--disable-host-check"
        ];
        manager = "web";
        # Optionally, specify a directory that contains your web app
        # cwd = "app/client";
      };
    };
  };
}

ใช้การกำหนดค่าใหม่

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

แก้ไขข้อบกพร่องของข้อผิดพลาดในการสร้างสภาพแวดล้อม

เนื่องจากไฟล์การกำหนดค่าเป็นโค้ดที่เครื่องอ่านได้ จึงอาจมีข้อผิดพลาด หากเกิดกรณีนี้ สภาพแวดล้อมอาจสร้างไม่สำเร็จและไม่เริ่มต้น Firebase Studio จะแสดงตัวเลือกให้เริ่มสภาพแวดล้อม การกู้คืน พื้นที่ทำงานนี้จะไม่มีการกำหนดค่าใดๆ ที่คุณกำหนดไว้และ จะเรียกใช้เฉพาะ พื้นฐานCode OSSเท่านั้น ซึ่งจะช่วยให้คุณมีโอกาสแก้ไขข้อผิดพลาดในไฟล์การกำหนดค่า dev.nix และสร้างสภาพแวดล้อมใหม่

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

• ปรับแต่ง Firebase Studioพื้นที่ทำงาน

• สร้างเทมเพลตที่กำหนดเองเพื่อใช้และแชร์

• แชร์พื้นที่ทำงาน

• ใช้ปุ่ม "เปิดใน Firebase Studio" เพื่อแชร์การกำหนดค่าพื้นที่ทำงาน หรือเทมเพลตที่กำหนดเอง