使用現有專案開始作業

Firebase Studio 提供簡化的方式，可將現有的網頁應用程式專案匯入 Firebase Studio 工作區，讓您繼續使用現有專案，並享有 Firebase Studio 的 AI 輔助功能，以及簡化的開發、部署和監控功能。

您可以從原始碼存放區 (GitHub、GitLab 或 Bitbucket) 匯入專案，也可以使用 Builder.io Figma 外掛程式從 Figma 匯入，或是從本機封存檔匯入。Firebase Studio 支援匯入壓縮的 tar 檔案和 ZIP 檔案，大小不得超過 100 MiB。

您也可以複製現有專案，建立副本。

開始使用

步驟 1：匯入專案

  1. 登入 Google 帳戶並開啟 Firebase Studio。

  2. 按一下「匯入專案」。系統會顯示「Import project」對話方塊。

  3. 在「Repo URL」(存放區網址) 欄位中，輸入 GitHub、GitLab 或 Bitbucket 存放區網址。

  4. 請輸入專案名稱。

  5. 如果是匯入 Flutter 專案，請啟用「This is a Flutter app」。否則請取消勾選核取方塊。

  6. 按一下「匯入」。

  7. 如果存放區是私人的，系統會提示您向相應的供應商驗證身分：

    • 如果是 GitHub，請按照提示複製存取權杖。
    • 如果是 GitLab，您可以使用帳戶密碼或建立個人帳戶權杖
    • 如果是 Bitbucket，請使用使用者名稱 (而非電子郵件地址) 和應用程式密碼進行驗證。

步驟 2：安裝依附元件

根據預設，Firebase Studio 會在匯入專案時安裝依附元件，因此您需要在首次匯入後手動執行這項操作。

舉例來說，如果您匯入 Flutter 應用程式，就應該在終端機中執行 flutter pub get，或是針對 JavaScript 或 TypeScript 應用程式執行 npm install。

如要為範本日後的所有使用者和匯入作業變更這項設定，請在專案存放區的 dev.nix 檔案中新增 onCreate hook。您可以設定 onCreate，執行適合專案的建構指令 (例如 npm install 或 flutter pub get)。

設定完成後，每當使用者將存放區匯入 Firebase Studio，系統就會自動安裝依附元件。

後續步驟