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

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

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

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

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

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

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

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

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

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

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

ดูตัวอย่างไฟล์ .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ไฟล์การกำหนดค่าและสร้างสภาพแวดล้อมใหม่

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