Programmeren met AI: GitHub Copilot en Visual Studio Code

GitHub Copilot is een AI-assistent voor programmeurs die geïntegreerd kan worden in verschillende editors, waaronder het populaire Visual Studio Code (VS Code) van Microsoft. Het ondersteunt het schrijven van code in diverse programmeertalen en biedt functies zoals ghost text, inline chat, chat view en de nieuwe editor view. Deze functies verhogen de productiviteit door bijvoorbeeld uitleg te geven, tests te genereren en bugs op te lossen. Maar hoe haal je het maximale uit deze tools? In deze blog vertelt onze docent Marko Draisma je meer over de mogelijkheden, voordelen en aandachtspunten van deze AI-assistent. 

Visie op programmeren

Microsoft heeft een duidelijke visie op programmeren en het gebruik van AI daarin: alle hulpmiddelen moeten ervoor zorgen dat ontwikkelaars in de flow blijven, zodat de productiviteit toeneemt Dat vereist dat die hulpmiddelen altijd snel beschikbaar zijn, zonder opgedrongen te worden. Een intuïtieve interactie bevordert het gebruikersgemak voor zowel beginnende als ervaren ontwikkelaars. 

Ghost text: suggesties op maat

Tijdens het coderen biedt Copilot real-time suggesties in de vorm van ‘ghost text’, weergegeven in grijze, vervaagde tekst direct in de editor. Deze functie helpt bij het snel genereren van codefragmenten, vermindert repetitieve taken en verhoogt de efficiëntie. Bijvoorbeeld, bij het definiëren van een functie in JavaScript kan Copilot automatisch de implementatie voorstellen op basis van de context, zoals andere codefragmenten of toegevoegd commentaar. Zo’n suggestie kan worden geaccepteerd met tab, of worden verworpen met escape.  

Inline chat: directe interactie met Copilot

Met de inline chatfunctie kun je als ontwikkelaar direct in de editor communiceren met Copilot. Door een sneltoets te gebruiken, kun je vragen stellen of verzoeken doen, zoals het genereren van een Express-webserver in TypeScript. Copilot levert vervolgens de benodigde code, wat jouw leerproces versnelt en de productiviteit verhoogt. Deze snelle toegang tot antwoorden vermindert de noodzaak om buiten de ontwikkelomgeving te zoeken naar oplossingen, waardoor de workflow behouden blijft. 

Chat view: een zijpaneel voor doorlopende conversaties

De chat view biedt een zijpaneel binnen VS Code waar ontwikkelaars een doorlopende conversatie met Copilot kunnen voeren. Deze functie is nuttig voor het verkrijgen van uitleg over codefragmenten, het stellen van algemene programmeervragen of het ontvangen van suggesties voor codeverbeteringen. Het biedt een interactieve manier om begeleiding te krijgen zonder de ontwikkelomgeving te verlaten. Dit zijpaneel fungeert als een virtuele mentor, altijd klaar om advies of uitleg te geven wanneer dat nodig is. 

Editor view: grootschalige codebewerkingen met Copilot Edits

De nieuwe editor view, ook wel bekend als Copilot edits, stelt ontwikkelaars in staat om AI-gestuurde codebewerkingen uit te voeren over meerdere bestanden heen. Deze functie combineert de voordelen van conversaties met Copilot en directe codevoorstellen, waardoor het itereren over code en het implementeren van grootschalige wijzigingen efficiënter wordt.  

Nieuwe ontwikkelingen

De combinatie van GitHub Copilot en VS Code ontwikkelt zich razendsnel. Zo is het inmiddels mogelijk om te kiezen tussen verschillende Large Language Models en instructies te geven op editor- of projectniveau, die als basiscontext dienen. Daarnaast is de Vision Copilot Preview-extensie beschikbaar, waarmee een afbeelding als context kan worden gebruikt, bijvoorbeeld bij de ontwikkeling van een webpagina. 

Voordelen van GitHub Copilot in VS Code 

• Verhoogde productiviteit: Copilot automatiseert routinetaken, waardoor je als ontwikkelaar je kunt concentreren op complexere aspecten van het project. Het vermogen om repetitieve coderingstaken te elimineren bespaart niet alleen tijd, maar vermindert ook fouten die vaak ontstaan bij handmatige invoer. 

• Snellere leercurve: Voor beginners biedt Copilot directe codevoorstellen en uitleg, wat het leerproces versnelt. Dit verlaagt de drempel voor nieuwkomers en moedigt aan om sneller vertrouwd te raken met complexe programmeerconcepten. 

• Ondersteuning voor meerdere talen: Copilot ondersteunt een breed scala aan programmeertalen en frameworks, wat veelzijdigheid biedt in verschillende projecten. Of je nu werkt aan een front end-applicatie of een backend-service, Copilot past zich aan jouw behoeften aan. 

Mogelijke valkuilen: 

• Overmatig vertrouwen: het is belangrijk om de door Copilot gegenereerde code kritisch te evalueren, aangezien het soms suboptimale of onjuiste suggesties kan doen. Blinde acceptatie kan leiden tot bugs of inefficiënte oplossingen in de codebase. 

• Beperkte context: Copilot baseert zijn suggesties op de context die je meegeeft, zoals bestanden of specifieke functies; zonder voldoende informatie kunnen de voorstellen minder relevant zijn. Het uitbreiden van de zichtbare context kan vaak helpen bij het verbeteren van de kwaliteit van de suggesties. 

• Privacy en veiligheid: denk goed na welke gegevens je deelt met Copilot, vooral bij gevoelige of proprietaire codebases. Het gebruik van Copilot binnen beveiligde omgevingen vereist een zorgvuldig begrip van de risico’s en het implementeren van passende maatregelen. 

Conclusie: de kracht van GitHub Copilot met bewuste toepassing

GitHub Copilot, geïntegreerd in VS Code, biedt krachtige tools die het ontwikkelproces versnellen en vereenvoudigen. Door functies zoals ghost text, inline chat, chat view en de nieuwe editor view te benutten, kunnen ontwikkelaars efficiënter werken en sneller resultaten behalen. Het is belangrijk om de beperkingen en mogelijke valkuilen in gedachten te houden en de gegenereerde code altijd zorgvuldig te beoordelen en te testen voordat deze in productie wordt genomen. Door kritisch te blijven en de tool bewust in te zetten, kunnen programmeurs optimaal profiteren van deze revolutionaire technologie. 

Meer weten?

In onze eendaagse cursus GitHub Copilot met Visual Studio Code maak je kennis met de mogelijkheden en beperkingen van deze tools. Aan de hand van praktijkvoorbeelden en opdrachten verken en test je de belangrijkste functionaliteiten. Aan het einde van de cursus beschik je over een krachtige tool waar je dagelijks profijt van zult hebben. Probeer GitHub Copilot in VS Code nu gratis uit of bekijk onze AI-pagina voor meer informatie. 

Vijfhart, dat klopt voor jou!