Oefening: GitHub Copilot instellen voor gebruik met Visual Studio Code

Voltooid

In deze oefening maken we een nieuwe opslagplaats met behulp van de GitHub-sjabloon voor de front-endwebtoepassing van JavaScript voor persoonlijke portfolio's.

GitHub Copilot instellen

Als u GitHub Copilot wilt gebruiken, moet u de volgende stappen uitvoeren:

1. GitHub-account:

   • Maak een GitHub-account. Omdat Copilot een GitHub-service is, hebt u een GitHub-account nodig om dit te gebruiken. Als u geen account hebt, gaat u naar de GitHub-webpagina om er gratis een te maken.

2. Meld u aan en schakel GitHub Copilot in:

   • U kunt een Gratis GitHub Copilot-account instellen of zich registreren voor een abonnement op gitHub Copilot Pro met een eenmalige proefversie van 30 dagen. Voor leerdoeleinden moet de optie Copilot Free met gebruikslimieten voldoende zijn.
   • Het is belangrijk om rekening te houden met de voorwaarden voor de gratis proefversie van GitHub Copilot: als u de aanbieding voor de gratis proefversie voor GitHub Copilot kiest, wordt een betalingswijze aangevraagd bij de registratie. Er worden pas kosten in rekening gebracht als het proefabonnement voorbij is, tenzij u annuleert vóór de sluiting van de periode van 30 dagen.

Aanbeveling

GitHub Copilot biedt een gratis abonnement met 2.000 code-autocompleties en 50 chatberichten per maand. Open Visual Studio Code om aan de slag te gaan, klik op het GitHub Copilot-pictogram en klik vervolgens op Aanmelden om GitHub Copilot gratis te gebruiken. Meld u aan bij uw GitHub-account in het venster dat wordt geopend in de browser. Meer informatie. Docenten, leerlingen en studenten, en geselecteerde opensource-onderhouders kunnen Copilot Pro gratis ontvangen. Leer hoe op: https://aka.ms/Copilot4Students.

3. Installeer de extensie:
   • GitHub Copilot is beschikbaar als uitbreiding voor belangrijke IDE's, waaronder Visual Studio, Visual Studio Code, JetBrains IDE's, VIM en XCode.
   • Als u wilt installeren, zoekt u naar 'GitHub Copilot' in de marketplace voor extensies van uw IDE en volgt u de installatie-instructies. In de VS Code-marketplace vindt u bijvoorbeeld GitHub Copilot, GitHub Copilot Chat en GitHub Copilot voor Azure als opties om te installeren.

Omgeving instellen

Eerst moet u de Codespaces-omgeving starten, die vooraf is geconfigureerd met de GitHub Copilot-extensie.

1. Selecteer de volgende knop om de Codespace te openen met de vooraf geconfigureerde omgeving.

   

2. Controleer op de pagina Codespace maken de configuratie-instellingen voor codespace en selecteer vervolgens Nieuwe codespace maken

3. Wacht tot de coderuimte is gestart. Dit opstartproces kan enkele minuten duren.

4. De resterende oefeningen in dit project vinden plaats in de context van deze ontwikkelingscontainer.

Belangrijk

Alle GitHub-accounts kunnen Codespaces elke maand maximaal 60 uur gratis gebruiken met twee kernexemplaren. Zie GitHub Codespaces maandelijks inbegrepen opslag- en kernuren voor meer informatie.

JavaScript-portfolio

Wanneer u klaar bent, wordt Codespaces geladen met een terminalsectie onderaan. Codespaces installeert alle vereiste extensies en afhankelijkheden in uw container. Zodra deze sjabloon is voltooid, is deze zodanig geconfigureerd dat deze wordt gebruikt npm start om de webtoepassing in uw Codespace te starten.

Wanneer de webtoepassing is gestart, ziet u in een bericht in de terminal dat de server wordt uitgevoerd op poort 1234 in uw Codespace.