Brug GitHub Copilot med JavaScript

I tidligere enheder viste vi, hvordan du konfigurerer Copilot og nævnte, hvordan det kan gøre dig hurtigere som udvikler, der begynder at skrive kode.

I dette undermodul gennemgår vi, hvordan Copilot kan hjælpe dig med eksisterende projekter og hjælpe dig med mere komplicerede opgaver.

Udvikling med GitHub Copilot

Når vi udarbejder projekter, er vi ofte nødt til løbende at sikre, at vores kode er frisk og opdateret. Derudover skal vi muligvis løse eventuelle fejl, der opstår, eller tilføje nye funktioner for at forbedre dens funktionalitet og anvendelighed. Lad os udforske nogle måder at foretage opdateringer på med GitHub Copilot og GitHub Copilot Chat, som er en interaktiv chatgrænseflade til at stille og modtage svar på koderelaterede spørgsmål.

Spørg om tekniker

Selvom GitHub Copilot kan foreslå kode, mens du skriver, kan du også oprette prompter for at oprette nyttige forslag. En prompt, som er vores input, er en samling instruktioner eller retningslinjer, der hjælper med at generere kode. En prompt er nyttig til at generere specifikke svar fra Copilot. Prompten kan være en kommentar eller et input, når du bruger GitHub Copilot Chat, der styrer Copilot til at generere kode på dine vegne eller skrive kode, som Copilot autocompletes.

Kvaliteten af outputtet fra Copilot afhænger af, hvor godt du udformer din prompt. Oprettelse af en effektiv prompt er afgørende for at opnå de ønskede resultater. Hvis du f.eks. har følgende prompt:

// Create an API endpoint

Da prompten er tvetydig og vag, er resultatet af GitHub Copilot muligvis ikke det, du har brug for. Det kan f.eks. bruge en struktur, som du ikke kender, eller et slutpunkt, der kræver data, som du ikke genkender. Men hvis du har følgende prompt:

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

Denne sidste prompt er specifik, klar og giver GitHub Copilot mulighed for at forstå opgavens mål og omfang. Selvom du også kan angive kontekst og eksempler til Copilot ved hjælp af kommentarer eller kode, kan du også bruge chatindstillingen for GitHub Copilot Chat. Hvis du får en god prompt, sikrer du, at modellen genererer et output af høj kvalitet.

Bedste fremgangsmåder ved hjælp af GitHub Copilot

Copilot supercharges din produktivitet, men kræver nogle gode praksis for at sikre kvalitet. Nogle af de bedste fremgangsmåder, når du bruger Copilot, er:

• Hold dine prompter enkle, og tilføj derefter mere detaljerede komponenter, når du f.eks. fortsætter:

  create an HTML form with a text field and button
  

  Derefter skal du uddybe prompten for at få mere specifikke forslag:

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

• Du kan skifte mellem forslag ved hjælp af Ctrl+Angiv (eller Cmd+Enter på en Mac). Du får forskellige forslag fra Copilot, og du kan vælge det bedste output. Når du bruger GitHub Copilot Chat, kan du eventuelt bruge chatinputtet til at tilføje din prompt og interagere med outputtet.

Hvis du sidder fast eller ikke får de ønskede resultater, kan du omformulere prompten eller begynde at skrive kode for Copilot til autofuldførelse.