新增「在 Firebase Studio 中開啟」按鈕

有了 Firebase Studio,新手就能簡化設定開發環境的步驟,並快速投入工作。

例如:

  • 如果您與其他貢獻者一起進行團隊作業,可以為專案精確自訂環境,然後將 .idx/dev.nix 檔案提交至專案的 Git 存放區。這樣一來,當團隊成員在 Firebase Studio 中匯入你的 Git 存放區時,他們的新工作區就會與你的工作區完全相同,包括相同的系統套件、IDE 擴充功能、啟動指令碼等。

  • 如果您建構架構或程式庫供他人使用,可以在範例程式碼存放區中加入 .idx/dev.nix 檔案,這樣使用者將範例匯入 Firebase Studio 時,就能略過環境設定,直接試用您的架構。您甚至可以建立自己的自訂範本,做為使用者可自訂的起點。

完成環境自訂作業後,您可以在專案的 README.md 檔案等文件中加入「在 Firebase Studio 中開啟」按鈕,讓其他人更輕鬆地將專案匯入 Firebase Studio

常見的「在 Firebase Studio 中開啟」進入點

「在『Firebase Studio』中開啟」按鈕可使用下列幾種網址模式:

  • 如要連結至匯入 Git 存放區流程,並預先填入 Git 存放區網址,請使用下列網址模式:

    https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo
    

    目前僅支援 GitHub 存放區 (包括私人和公開存放區)。

  • 如要連結至預先定義的工作區範本,請在 Firebase Studio 的「範本」頁面中找到所需範本,然後複製其網址。網址應符合下列模式:

    https://studio.firebase.google.com/new/gemini
    
  • 如要連結至預先填入範本 GitHub 網址的自訂範本,請使用下列網址模式:

    https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template
    
  • 如要開啟 App Prototyping agent 並預先填入提示,請使用下列網址模式:

    https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini
    

新增「在『Firebase Studio』中開啟」按鈕

安裝「Open in Firebase Studio SDK」,或使用這項工具產生 Firebase Studio 按鈕的 HTML: