如何從 Firebase Studio 遷移至 Antigravity

1. 簡介

本實驗室會引導您將現有工作區遷移至 Google Antigravity，這是一個以程式碼為優先的代理式 IDE。這部 1 分鐘的影片說明瞭本實驗室的步驟。

2. 安裝 Antigravity IDE

Antigravity 是 Google 首重程式碼的代理式 IDE。本實驗室會使用 Antigravity 執行自動專案轉換。

  1. 前往 antigravity.google。
  2. 根據作業系統 (macOS、Windows 或 Linux) 下載安裝程式。
  3. 執行安裝程式，然後按照畫面上的指示操作。
  4. 開啟 Antigravity，確認是否正常運作。

3. 安裝 Node.js

Antigravity 和 Firebase CLI 均依附於 Node.js。確認版本為 20 以上。

  1. 從 nodejs.org 下載 Node.js 的 LTS 版本。
  2. 執行安裝程式並接受預設設定。
  3. 開啟終端機並執行 node --version，確認版本為 20.x 以上。

4. 安裝 Firebase CLI

您可以使用 Firebase CLI，透過指令列部署應用程式。

  1. 在終端機中執行下列指令，即可在全域安裝 CLI：
    npm install -g firebase-tools
  2. 如果系統在 macOS 或 Linux 上提示您授予權限，您可能需要執行：
    sudo npm install -g firebase-tools
  3. 驗證安裝：
    firebase --version
    確認版本為 15.10.0 以上。

5. 從 Firebase Studio 匯出專案

  1. 在 Firebase Studio 開啟工作區。
  2. 按一下工作區頂端的「立即遷移」按鈕。
  3. 按照畫面上的指示，將專案檔案壓縮並下載
    • 注意：如果沒有顯示視窗，請檢查瀏覽器網址列中的彈出式視窗封鎖程式。
  4. 將下載的 ZIP 資料夾解壓縮至本機目錄。

6. 在 Antigravity 中初始化應用程式

  1. 在 Antigravity 中開啟解壓縮的資料夾。
  2. 在「代理程式」窗格中，選取「Gemini Flash」模型。
  3. 輸入下列提示詞：
    @fbs-to-agy-export
  4. 按照專員的指示操作，並在系統提示時提供協助，完成專案轉換。

7. 在本機預覽應用程式

  1. 前往左側邊欄的「Run and Debug」選單。
  2. 按一下「Play」(播放) 按鈕，啟動本機開發伺服器。
  3. 按照終端機中的指示查看應用程式。

8. 發布應用程式

  1. 開啟服務專員即時通訊面板。
  2. 輸入下列提示詞：
    Publish my app
  3. 系統提示執行 firebase deploy 時，請選取「是」。
  4. 服務專員會連結至現有的 App Hosting 網址，或引導你完成新設定。

9. 結語

您已成功將 Firebase Studio 專案遷移至 Antigravity，並使用代理工作流程重新部署。