Esercizio: Configurare GitHub Copilot per usare Visual Studio Code

Completato

In questo esercizio viene creato un nuovo repository usando il modello GitHub per l'applicazione Web front-end del portfolio personale JavaScript.

Come configurare GitHub Copilot

Per usare GitHub Copilot, è necessario completare i passaggi seguenti:

1. Account GitHub:

   • Creare un account GitHub. Poiché Copilot è un servizio GitHub, è necessario un account GitHub per usarlo. Se non si ha un account, visitare la pagina Web di GitHub per crearne una gratuitamente.

2. Iscriversi e abilitare GitHub Copilot:

   • È possibile configurare un account GitHub Copilot Gratuito o iscriversi per una sottoscrizione alla versione di valutazione di GitHub Copilot Pro con una versione di valutazione monouso di 30 giorni. Ai fini dell'apprendimento, l'opzione Copilot Free con limiti di utilizzo deve essere sufficiente.
   • È importante tenere presente le condizioni della versione di valutazione gratuita di GitHub Copilot: se si sceglie l'offerta di valutazione gratuita per GitHub Copilot, viene richiesta una forma di pagamento all'iscrizione. Gli addebiti non vengono applicati fino al termine del periodo di prova, a meno che non annulli prima della conclusione del periodo di 30 giorni.

Suggerimento

GitHub Copilot offre un livello gratuito con 2.000 completamenti automatici di codice e 50 messaggi di chat al mese. Per iniziare, aprire Visual Studio Code, fare clic sull'icona di GitHub Copilot e quindi su "Eseguire l’accesso per usare GitHub Copilot gratuitamente". Accedere all'account GitHub nella finestra visualizzata nel browser. Ulteriori informazioni. Docenti, studenti e alcuni manutentori di open source possono ricevere gratuitamente Copilot Pro, scopri come: https://aka.ms/Copilot4Students.

3. Installare l'estensione:
   • GitHub Copilot è disponibile come estensione per gli IDE principali, tra cui Visual Studio, Visual Studio Code, IDE JetBrains, VIM e XCode.
   • Per installare, cercare "GitHub Copilot" nel marketplace delle estensioni dell'IDE e seguire le istruzioni di installazione. Ad esempio, nel marketplace di VS Code sono disponibili GitHub Copilot, GitHub Copilot Chat e GitHub Copilot per Azure come opzioni per l'installazione.

Configurazione dell'ambiente

Prima di tutto è necessario avviare l'ambiente Codespaces, che viene preconfigurato con l'estensione GitHub Copilot.

1. Selezionare il pulsante seguente per aprire il codespace con l'ambiente preconfigurato.

   

2. Nella pagina Crea codespace esaminare le impostazioni di configurazione del codespace e quindi selezionare Crea nuovo codespace

3. Attendere l'avvio del codespace. Questo processo di avvio può richiedere alcuni minuti.

4. Gli esercizi rimanenti in questo progetto si svolgono nel contesto di questo contenitore di sviluppo.

Importante

Tutti gli account GitHub possono usare Codespaces per un massimo di 60 ore gratuite ogni mese con due istanze principali. Per altre informazioni, vedere Spazio di archiviazione e ore core mensili inclusi in GitHub Codespaces.

Portfolio JavaScript

Al termine, Codespaces viene caricato con una sezione del terminale nella parte inferiore. Codespaces installa tutte le estensioni e le dipendenze necessarie nel contenitore. Al termine, questo modello è configurato per l'uso di npm start per avviare l'applicazione Web all'interno di Codespace.

Quando l'applicazione Web è stata avviata correttamente, un messaggio nel terminale mostra che il server è in esecuzione sulla porta 1234 all'interno dell'area Codespace.