GitHub Copilot gebruiken met JavaScript

  • 3 minuten

In eerdere lessen hebben we laten zien hoe we Copilot kunnen instellen en hebben we gezegd hoe u sneller kunt werken als ontwikkelaar die begint met het schrijven van code.

In deze les bespreken we hoe Copilot u kan helpen bij bestaande projecten en u kan helpen bij complexere taken.

Ontwikkelen met GitHub Copilot

Wanneer we projecten bouwen, moeten we er vaak voor zorgen dat onze code vers en bijgewerkt is. Daarnaast moeten we mogelijk eventuele bugs oplossen die nieuwe functies bedenken of toevoegen om de functionaliteit en bruikbaarheid ervan te verbeteren. Laten we een aantal manieren verkennen om updates te maken met GitHub Copilot en GitHub Copilot Chat, een interactieve chatinterface om antwoorden te vragen en te ontvangen op codegerelateerde vragen.

Prompt-engineering

Hoewel GitHub Copilot code kan voorstellen terwijl u typt, kunt u ook prompts maken om nuttige suggesties te maken. Een prompt, die onze invoer is, is een verzameling instructies of richtlijnen waarmee code kan worden gegenereerd. Een prompt is handig om specifieke antwoorden van Copilot te genereren. De prompt kan een opmerking of invoer zijn bij het gebruik van GitHub Copilot Chat die Copilot stuurt om namens u code te genereren of code te schrijven die automatisch wordt aangevuld met Copilot.

De kwaliteit van de uitvoer van Copilot is afhankelijk van hoe goed u uw prompt maakt. Het maken van een effectieve prompt is essentieel voor het bereiken van de gewenste resultaten. Als u bijvoorbeeld de volgende prompt hebt:

// Create an API endpoint

Omdat de prompt dubbelzinnig en vaag is, is het resultaat van GitHub Copilot mogelijk niet wat u nodig hebt. Het kan bijvoorbeeld een framework gebruiken dat u niet kent of een eindpunt waarvoor gegevens zijn vereist die u niet herkent. Als u echter de volgende prompt hebt:

// Create an API endpoint using the React framework that accepts a JSON payload in a POST request

Deze laatste prompt is specifiek, duidelijk en stelt GitHub Copilot in staat om het doel en bereik van de taak te begrijpen. Hoewel u ook context en voorbeelden aan Copilot kunt bieden met behulp van opmerkingen of code, kunt u ook de chatoptie van GitHub Copilot Chat gebruiken. Een goede prompt zorgt ervoor dat het model een uitvoer van hoge kwaliteit genereert.

Aanbevolen procedures met GitHub Copilot

Copilot verhoogt uw productiviteit, maar vereist enkele goede procedures om kwaliteit te garanderen. Enkele aanbevolen procedures bij het gebruik van Copilot zijn:

  • Houd uw prompts eenvoudig en voeg vervolgens uitgebreidere onderdelen toe terwijl u doorgaat, bijvoorbeeld:

    create an HTML form with a text field and button

    Ga vervolgens dieper in op de prompt om specifiekere suggesties te krijgen:

    Add an event listen to the button to send a POST request to /generate endpoint and display response in a div with id "result"

  • U kunt dit doen met Ctrl+Enter (of + op een Mac). U krijgt verschillende suggesties van Copilot en u kunt de beste uitvoer kiezen. Als u GitHub Copilot Chat gebruikt, kunt u eventueel de chatinvoer gebruiken om uw prompt toe te voegen en te communiceren met de uitvoer.

Als u vastloopt of de gewenste resultaten niet krijgt, kunt u de prompt opnieuwworden of beginnen met het schrijven van code voor Copilot om automatisch te worden aangevuld.

Notitie

GitHub Copilot gebruikt geopende bestanden in uw teksteditor als extra context. Dit is handig omdat het nuttige informatie biedt naast de prompt of code die u mogelijk schrijft. Als u GitHub Copilot nodig hebt om suggesties te geven op basis van andere bestanden, kunt u deze openen of gebruiken @workspace met uw prompt wanneer u GitHub Copilot Chat gebruikt.