Clonare e usare un repository GitHub in Visual Studio Code

Informazioni sulla procedura per clonare un repository pubblico da GitHub al computer locale usando Visual Studio Code.

Clona repository

L'atto di clonare un repository GitHub significa portare il codice sorgente basato sul cloud in un ambiente di sviluppo locale.

Barra delle attività

Questa azione non è disponibile in questa funzionalità. Selezionare una scheda diversa.

Barra di stato

Questa azione non è disponibile in questa funzionalità. Selezionare una scheda diversa.

Riquadro comandi

1. Aprire il riquadro comandi con la combinazione di tasti CTRL + MAIUSC + P.
2. Al prompt del riquadro comandi immettere gitcl, selezionare il comando Git: Clone (Git: Clona ), quindi selezionare Clone from GitHub (Clona da GitHub ) e premere INVIO.
3. Quando viene richiesto l'URL del repository, selezionare Clone from GitHub (Clona da GitHub) e quindi premere INVIO.
4. Se viene chiesto di accedere a GitHub, completare il processo di accesso.
5. Immettere azure-samples/js-e2e-express-server nel campo URL repository.
6. Selezionare (o creare) la directory locale in cui si vuole clonare il progetto e quindi selezionare Seleziona come destinazione repository.
7. Quando si riceve la notifica in cui viene chiesto se si vuole aprire il repository clonato, selezionare Apri.

Terminale integrato

1. Aprire un terminale integrato da Terminale -> Nuovo terminale.

2. Clonare il repository con il comando Git seguente:

   git clone https://github.com/YOUR-NAME-OR-ORGANIZATION/YOUR-REPO-NAME
   

3. Modificare il terminale in tale nuova sottodirectory:

   cd YOUR-REPO-NAME
   

4. Aprire quindi in Visual Studio Code:

   code .
   

Visual Studio Code usa l'autenticazione Git fornita dal sistema operativo (ad esempio macOS KeyChain o Windows Credential Manager) con qualsiasi funzionalità Git. L'output è visibile nel riquadro > comandi Git: Mostra output Git.

Inizializzare un nuovo repository

Se non si ha ancora un repository GitHub, ma si vuole avviare il progetto in locale, inizializzare la cartella con Git.

Barra delle attività

1. Selezionare il controllo del codice sorgente dalla barra delle attività oppure usare la combinazione di tasti CTRL + MAIUSC + G.

2. Selezionare Inizializza repository.

   

Barra di stato

Questa azione non è disponibile in questa funzionalità. Selezionare una scheda diversa.

Riquadro comandi

1. Aprire il riquadro comandi con la combinazione di tasti CTRL + MAIUSC + P.
2. Filtrare con Git, quindi selezionare Initialize repository.
3. Selezionare la cartella da selezionare come radice del repository.

Terminale integrato

1. Aprire un terminale integrato da Terminale -> Nuovo terminale.

2. Inizializzare la cartella con git con il comando git seguente:

   git init
   

Creare un ramo per le modifiche

Creare un nuovo ramo per acquisire le modifiche e isolare dal ramo principale o predefinito.

Barra delle attività

1. Selezionare controllo del codice sorgente dalla barra delle attività.
2. Selezionare puntini di sospensione (...) accanto a Controllo del codice sorgente.
3. Selezionare Branch -Create Branch (Ramo -> Crea ramo).

Barra di stato

1. Selezionare il nome del ramo nella barra di stato. Verrà aperto il riquadro comandi.

   La barra di stato si trova nella parte inferiore di Visual Studio Code.

2. Nel riquadro comandi selezionare +Crea un nuovo ramo.

3. Immettere il nuovo nome del ramo.

4. Immettere un nuovo nome di ramo. Il nome del ramo è visibile nella barra di stato.

   

Riquadro comandi

1. Aprire il riquadro comandi con la combinazione di tasti CTRL + MAIUSC + P.

2. git branch Cercare e selezionare Git: Create Branch.

   

3. Immettere un nuovo nome di ramo, ad esempio test.

4. Il nome del ramo è visibile nella barra di stato.

   

Terminale integrato

1. Aprire un terminale integrato da Terminale -> Nuovo terminale.

2. Creare un nuovo ramo denominato MY-BRANCH con il comando git seguente:

   git checkout -b MY-BRANCH
   

Eseguire il commit delle modifiche in locale

Dopo aver apportato modifiche al ramo, eseguire il commit delle modifiche.

Barra delle attività

1. Selezionare controllo del codice sorgente dalla barra delle attività.

2. Immettere il messaggio di commit, quindi selezionare Commit.

   

Barra di stato

Questa azione non è disponibile in questa funzionalità. Selezionare una scheda diversa.

Riquadro comandi

1. Aprire il riquadro comandi con la combinazione di tasti CTRL + MAIUSC + P.
2. Nel riquadro comandi filtrare con Git e quindi selezionare Commit.
3. Immettere il messaggio di commit, quindi premere INVIO.

Terminale integrato

1. Aprire un terminale integrato da Terminale -> Nuovo terminale.

2. Creare un nuovo ramo denominato MY-BRANCH con il comando git seguente:

   git commit -m "YOUR COMMIT MESSAGE"
   

Eseguire il push di un ramo locale in GitHub

Barra delle attività

1. Selezionare l'icona Controllo del codice sorgente dalla barra delle attività.
2. Selezionare Pubblica ramo. Se il repository non esiste in GitHub, crea automaticamente il repository.

Barra di stato

1. Nella barra di stato di Visual Studio Code selezionare l'icona push a destra del nome del ramo.

   

2. Selezionare il nome remoto dalla casella popup. Se si dispone di un solo telecomando, non verrà chiesto di selezionare il nome remoto.

Riquadro comandi

1. Aprire il riquadro comandi con la combinazione di tasti CTRL + MAIUSC + P.
2. Nel riquadro comandi filtrare con Git e quindi selezionare Push.
3. Se sono presenti più remote upstream, selezionare il telecomando e quindi premere INVIO.

Terminale integrato

1. Aprire un terminale integrato da Terminale -> Nuovo terminale.

2. Creare un nuovo ramo denominato MY-BRANCH con il comando git seguente:

   git push <remote-name> <branch-name>
   

Visualizzare l'output Git

È possibile visualizzare i comandi Git eseguiti quando si usa l'estensione controllo del codice sorgente. Ciò consente di eseguire il debug in caso di errore di un comando.

1. Selezionare l'icona Controllo del codice sorgente dalla barra delle attività.

2. Selezionare i puntini di sospensione (...) e quindi mostra output Git.

   

Strumenti di Visual Studio Code per l'uso con Git e GitHub

L'uso di Visual Studio Code con un repository usa strumenti separati.

Icon	Informazioni	Accesso da
	Comandi Git nel riquadro comandi	F1
	Estensione del controllo del codice sorgente	Barra delle attività
	Estensione Richieste pull e problemi di GitHub	Barra delle attività
	Estensione Repository GitHub	È possibile aprire rapidamente e facilmente un repository GitHub cercando repository GitHub: Open Repository... dal riquadro comandi, F1 o scegliendo Apri repository GitHub... dall'indicatore remoto (il pulsante verde nell'angolo inferiore sinistro della barra di stato).

Risorse correlate

• Come distribuire un'app Web
• Uso di GitHub in Visual Studio Code
• Uso di Visual Studio Code con altri provider di controllo della versione