Crea una scorciatoia a un workspace predefinito in Firebase Studio

Con Firebase Studio, puoi semplificare i passaggi per un nuovo utente del tuo codebase per configurare il proprio ambiente di sviluppo e diventare produttivo aggiungendo un pulsante "Apri in Firebase Studio".

Ad esempio:

  • Se lavori in un team con altri collaboratori, puoi personalizzare l'ambiente in modo preciso per il tuo progetto e poi eseguire il commit del file .idx/dev.nix nel repository Git del progetto. In questo modo, quando un collega importa il tuo repository Git in Firebase Studio, il nuovo workspace avrà esattamente la stessa configurazione del tuo, con gli stessi pacchetti di sistema, estensioni IDE, script di avvio e altro ancora.

  • Se crei un framework o una libreria da utilizzare per altri, puoi includere un file .idx/dev.nix nei repository di codice di esempio, in modo che quando un utente importa i tuoi esempi in Firebase Studio, possa saltare la configurazione dell'ambiente e iniziare subito a provare il tuo framework. Puoi persino creare un modello personalizzato come punto di partenza opinabile e personalizzabile per i tuoi utenti.

Dopo aver personalizzato l'ambiente, puoi semplificare ulteriormente l'importazione del progetto in Firebase Studio da parte di altri utenti aggiungendo un pulsante"Apri in Firebase Studio" alla documentazione, ad esempio al file README.md del progetto.

Punti di contatto comuni "Apri in Firebase Studio"

Sono disponibili diversi pattern URL per un pulsante "Apri in Firebase Studio":

  • Per creare un link al flusso di importazione di un repository Git, con l'URL del repository Git precompilato, utilizza questo pattern URL:

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

    Al momento sono supportati solo i repository GitHub (sia privati che pubblici).

  • Per creare un link a un modello di workspace predefinito, trova il modello che stai cercando nella pagina Modelli di Firebase Studio, e copia il relativo URL, che deve seguire questo pattern URL:

    https:https://studio.firebase.google.com/new/gemini

  • Per creare un link a un modello personalizzato, con l'URL GitHub del modello precompilato, utilizza questo pattern URL:

    https:https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template

  • Per aprire il App Prototyping agent con un prompt precompilato, utilizza questo URL pattern:

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

Aggiungere un pulsante "Apri in Firebase Studio"

Installa l'SDK Firebase StudioApri ino utilizza questo strumento per generare l'HTML per un pulsante Firebase Studio: