Firebase Studio มีวิธีที่คล่องตัวในการนำเข้าโปรเจ็กต์เว็บแอปที่มีอยู่ ไปยังพื้นที่ทำงาน Firebase Studio ซึ่งช่วยให้คุณทำงานต่อไปได้ ในโปรเจ็กต์ที่มีอยู่ด้วยความช่วยเหลือจาก AI ของ Firebase Studio และความสามารถในการพัฒนา การติดตั้งใช้งาน และการตรวจสอบที่คล่องตัว
คุณสามารถนำเข้าโปรเจ็กต์จากที่เก็บแหล่งที่มา (GitHub, GitLab หรือ Bitbucket) จาก Figma ด้วย Builder.io Figma ปลั๊กอิน หรือ จากไฟล์เก็บถาวรในเครื่อง Firebase Studio รองรับการนำเข้าไฟล์ tar ที่บีบอัดด้วย gzip และไฟล์ zip ที่มีขนาดไม่เกิน 100 MiB
นอกจากนี้ คุณยังทำซ้ำโปรเจ็กต์ที่มีอยู่เพื่อสร้างสำเนาได้ด้วย
เริ่มต้นใช้งาน
ขั้นตอนที่ 1: นำเข้าโปรเจ็กต์
เข้าสู่ระบบบัญชี Google แล้วเปิด Firebase Studio
คลิก Import a project กล่องโต้ตอบ Import project จะปรากฏขึ้น
ในช่อง Repo URL ให้ป้อน URL ของที่เก็บ GitHub, GitLab หรือ Bitbucket
ตั้งชื่อโปรเจ็กต์
หากนำเข้าโปรเจ็กต์ Flutter ให้เปิดใช้ This is a Flutter app หากไม่ ให้ยกเลิกการเลือกช่องทำเครื่องหมาย
คลิก Import
หากที่เก็บเป็นแบบส่วนตัว ระบบจะแจ้งให้คุณตรวจสอบสิทธิ์กับผู้ให้บริการที่เกี่ยวข้อง
- สำหรับ GitHub ให้ทำตามข้อความแจ้งเพื่อคัดลอกโทเค็นเพื่อการเข้าถึง
- สำหรับ GitLab คุณสามารถใช้รหัสผ่านบัญชีหรือสร้างโทเค็นบัญชีส่วนบุคคล
- สำหรับ Bitbucket ให้ใช้ชื่อผู้ใช้ (ไม่ใช่อีเมล) และรหัสผ่านสำหรับแอปเพื่อตรวจสอบสิทธิ์
ขั้นตอนที่ 2: ติดตั้งการอ้างอิง
โดยค่าเริ่มต้น Firebase Studio จะไม่ติดตั้งการอ้างอิงเมื่อคุณ นำเข้าโปรเจ็กต์ ดังนั้นคุณจะต้องดำเนินการนี้ด้วยตนเองหลังจากนำเข้าครั้งแรก
ตัวอย่างเช่น หากนำเข้าแอป Flutter คุณควรเรียกใช้ flutter pub get ในเทอร์มินัล หรือ npm install สำหรับแอป JavaScript หรือ TypeScript
คุณสามารถเปลี่ยนการตั้งค่านี้สำหรับผู้ใช้เทมเพลตทั้งหมดในอนาคตและการนำเข้าในอนาคตได้โดยการเพิ่มฮุก onCreate ลงในไฟล์ ในที่เก็บโปรเจ็กต์dev.nix คุณสามารถกำหนดค่า onCreate ให้เรียกใช้คำสั่งบิลด์
ที่เหมาะสมกับโปรเจ็กต์ (เช่น npm install หรือ flutter pub
get)
หลังจากกำหนดค่าแล้ว ระบบจะติดตั้งการอ้างอิงโดยอัตโนมัติทุกครั้งที่ ผู้ใช้นำเข้าที่เก็บของคุณไปยัง Firebase Studio
ขั้นตอนถัดไป
- ดูข้อมูลเพิ่มเติมเกี่ยวกับFirebase Studio พื้นที่ทำงาน
- ปรับแต่งพื้นที่ทำงานFirebase Studio
- ดูวิธีที่ Gemini ช่วยและเร่งการพัฒนา แอปด้วยความสามารถในการช่วย ตอบคำถาม สร้างและแก้ไขโค้ด แก้ไขข้อบกพร่อง และเรียกใช้เครื่องมือ
- เปลี่ยนโปรเจ็กต์ให้เป็นเทมเพลตที่กำหนดเอง