หน้านี้ได้รับการแปลโดย Cloud Translation API

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

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

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

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

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

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

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

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

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

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

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

จากFirebase Studioหน้าแรก ให้คลิกเมนู ข้างพื้นที่ทำงานที่ต้องการคัดลอก > ทำซ้ำ
ป้อนชื่อพื้นที่ทำงานใหม่ แล้วคลิกทำซ้ำ ระบบจะสร้างพื้นที่ทำงานใหม่และเพิ่มลงในรายการพื้นที่ทำงาน ß หมายเหตุ: การทำซ้ำพื้นที่ทำงานขนาดใหญ่อาจใช้เวลาหลายนาที หากพื้นที่ทํางานใหม่ไม่โหลด ให้รอ 5 นาที แล้วรีเฟรชหน้าเว็บ
(ไม่บังคับ) หากเวิร์กสเปซเดิมมีโปรเจ็กต์ 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-23.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ไฟล์การกำหนดค่าและสร้างสภาพแวดล้อมใหม่