使用現有專案開始作業

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

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

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

開始使用

步驟 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 勾點。您可以設定 onCreate，執行適合專案的建構指令 (例如 npm install 或 flutter pub get)。

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

後續步驟