Lépésről lépésre
🤖 GitHub Copilot
GitHub
📘 Lépésről lépésre 📘 GitHub Copilot↗ GitHub Copilot · Hivatalos oldalkezdő 🔄 Otthon és munka

Alap, újrahasználható kódrészletek készítése GitHub Copilottal

Tanuld meg, hogyan ír neked indítókódot a GitHub Copilot — a dátumformázástól az egyszerű API-hívásokig — akkor is, ha nem vagy hivatásos fejlesztő.

Ezt az útmutatót mesterséges intelligencia írta. Automatikus tény- és minőség-ellenőrzésen ment át, emberi szerkesztő nem nézte át.

💡 Tipp: kattints egy lépés számára, ha kész vagy — zöld pipa jelenik meg, és a böngésződ megjegyzi, meddig jutottál.

Mielőtt belevágnál

  • Egy ingyenes GitHub-fiók (ha még nincs, regisztrálj a github.com oldalon).
  • Egy Windows, macOS vagy Linux rendszerű számítógép.
  • Telepített Visual Studio Code — a Microsoft ingyenes kódszerkesztője. Ha még nincs meg, töltsd le a Microsoft hivatalos oldaláról, és kövesd a telepítő lépéseit.
  • GitHub Copilot: van egy ingyenes csomag (Free) havi korlátozott javaslatszámmal, és egy fizetős Pro csomag korlátlan használattal (az aktuális árat a GitHub árlapján nézd meg). Egyes funkciókhoz a fizetős csomag kell — ahol ez számít, jelezni fogjuk.
  • Körülbelül 15 perc a teljes bemutatóhoz.
1

Telepítsd a GitHub Copilot bővítményt

Nyisd meg a Visual Studio Code-ot, és nézd meg a bal oldali sávot — az ikonok oszlopát. Kattints arra az ikonra, amelyik négy kis négyzetre hasonlít (ez a Bővítmények nézet). Egy panel csúszik ki balra; a felül található keresőmezőbe írd be: GitHub Copilot. Keresd meg a magát a GitHub által kiadott találatot, „GitHub Copilot" néven — sok hasonló nevű bővítmény van, ezért válaszd a hivatalost. Kattints a mellette lévő kék Install gombra. Néhány másodperc után megjelenik egy kis Copilot-ikon a VS Code alsó állapotsorában. Ha a sávod másképp néz ki, nyisd meg felül a View menüt, és válaszd az Extensions lehetőséget, majd keress ugyanígy. Akkor sikerült, ha a Copilot-ikon az alsó sávban már nem szürke.

💬 Példakeresőkifejezés — `GitHub Copilot`
2

Jelentkezz be a GitHub-fiókodba

Kattints az új Copilot-ikonra az alsó állapotsorban (vagy keresd az Accounts opciót a VS Code bal alsó sarkában). Megjelenik egy felugró ablak, ami bejelentkezésre kér. Kattints a Sign in to GitHub gombra — az alapértelmezett böngésződ megnyitja a GitHub bejelentkező oldalát. Írd be a felhasználóneved és a jelszavad, majd engedélyezd a kapcsolatot, amikor a GitHub kéri. Térj vissza a VS Code-ba; a bal alsó sarokban megjelenik a GitHub-avatárod, ahol korábban a „Sign in" felirat volt az Accounts menüben. Ha nem jelenik meg a felugró ablak, nyomd meg a Ctrl+Shift+P billentyűkombinációt Windows/Linuxon, vagy a Cmd+Shift+P-t macOS-en a Parancspaletta megnyitásához, írd be: Copilot: Sign in, majd nyomd meg az Entert. Akkor sikerült, ha az alsó sávban megjelenik az avatárod és a felhasználóneved, a Copilot-ikon pedig színes szimbólummá változik.

💬 Példaparancs — `Copilot: Sign in`
3

Hozz létre egy új fájlt a kívánt nyelven

Nyisd meg a File menüt a VS Code tetején, és válaszd a New File lehetőséget (vagy nyomd meg a Ctrl+N-t Windows/Linuxon, illetve a Cmd+N-t macOS-en). Amikor kérdezi, mentsd el az üres fájlt úgy, hogy a neve egy nyelvi kiterjesztésre végződjön — például snippet.js JavaScripthez, snippet.py Pythonhoz vagy snippet.html HTML-hez. A kiterjesztés segít a Copilotnak eldönteni, milyen kódot javasoljon. Amint elmented, a VS Code jobb alsó sarkában megjelenik a nyelv neve (például „JavaScript" vagy „Python"). Ha nem látod ezt a nyelvi jelzést, kattints a jobb alsó sarokban lévő szövegre, és válaszd ki a nyelvet a felugró listából kézzel. Akkor sikerült, ha a fájl el van mentve a gépeden, és a jobb alsó sarokban megjelenik a nyelv címkéje.

💬 Példafájlnév — `my-snippets.js` vagy `my-snippets.py`
4

Írd le a kódrészletet egy kommentben

Kattints az üres fájlba, és az első sorba írj egy kommentet, amely közérthetően leírja, mit szeretnél, hogy a kód csináljon. A komment egy megjegyzés embereknek — a számítógép figyelmen kívül hagyja a kód futtatásakor. JavaScriptben és a legtöbb C-stílusú nyelvben a komment // jellel kezdődik; Pythonban # jelet használj; HTML-ben pedig <!-- --> formátumban írd. Miután beírtad a kommentet, várj egy-két másodpercet. A Copilot közvetlenül a kommented alá szürkített javaslatot ír — ez a legjobb tippje a leírt kódra. Az első alkalommal a javaslat rövid vagy szokatlan lehet; ez normális. Ha nem jelenik meg szürke szöveg, nyomj egy Entert egy új sorhoz, és várj újra — a Copilotnak néha kell ez a „löket", hogy „felébredjen". Akkor sikerült, ha világosszürke kód jelenik meg a kommented alatt.

💬 Példa(egy JavaScript fájlban, pontosan írd be ezt a kommentet): `// Function that takes a date and returns it formatted as DD/MM/YYYY`
5

Fogadd el, finomítsd és mentsd el a kódrészletet

Amikor látszik a szürke javaslatot, nyomd meg a Tab billentyűt — ez elfogadja a javaslatot, és valódi, színes kóddá alakítja a fájlodban. Olvasd el figyelmesen: a Copilot hasznos, de nem tökéletes, és néha kitalál egy függvénynevet vagy szintaxist, ami nem passzol pontosan az igényeidhez. A javaslat elutasításához nyomj Esc-et, vagy csak írj tovább; az új szöveg felváltja a szürkét. Ha másik verziót szeretnél, írj egy újabb kommentet a javaslat alá, amely leírja, mit változtass, majd várj újra. Ha elégedett vagy a kódrészlettel, mentsd el a fájlt a Ctrl+S / Cmd+S billentyűkombinációval, és tedd egy snippets nevű mappába a gépeden — ez lesz a saját, újrahasználható kódkönyvtárad. Akkor sikerült, ha van a fájlodban egy teljes, színes blokknyi működő kód, amit később más projektekbe is bemásolhatsz.

💬 Példafinomító komment: `// also handle leap years`
⚠️ Gyakori hibák
  • Minden javaslatot helyesnek vélni. A Copilot hihető kinézetű kódot ír, ami néha valójában nem is fut le. Javítás: Olvasd végig soronként a javasolt kódot, mielőtt elmented, és teszteld egy kis példán, mielőtt egy valódi projektben támaszkodsz rá.
  • Elérted az ingyenes csomag keretét. A GitHub Copilot Free havonta csak korlátozott számú kiegészítést és csevegést ad; ha elfogy, a következő hónapig nem javasol többet. Javítás: Használd okosan a javaslatokat valódi feladatokra, vagy válts fizetős Pro csomagra, ha korlátlan használatra van szükséged.
  • Túl homályos a kérés. Ha csak annyit írsz, hogy „készíts egy weboldalt", a Copilotnak kevés kapaszkodót adsz, és az eredmény általában értelmetlen. Javítás: Légy konkrét — írd le a bemeneteket, a kimenetet és a korlátokat (például: „egy függvény, ami kap egy e-mail-listát, és csak a .com-ra végződőeket adja vissza").

Mit jelent ez számodra

  • A mindennapokban: A Copilottal írhatsz apró scripteket, amelyek automatizálják az unalmas feladatokat — például átnevezhetsz egyszerre több fájlt, rendezhetsz egy kiadáslistát, vagy egy szövegfájlba kihúzhatod a mai időjárást. Nem fejlesztők is hasznosnak találják, ha párszor kipróbálták.
  • A munkádban: Ha néha belenyúlsz egy táblázat scriptoldalába, egyszerű landing oldalt építesz, vagy egy kisebb csapatoldalt tartasz karban, a Copilot megkímél attól, hogy századszorra is ugyanazt a szintaxist kelljen Googleni. Te maradsz a főnök; ő csak a sablont veteti elő.
  • Ha most kezded: Kezdj egyetlen apró kódrészlettel naponta. Kommentben írd le, mit szeretnél, fogadd el, amit a Copilot kínál, majd olvasd át soronként. Egy hét múlva lesz egy kis mappányi segédleted, amit valóban értesz is — és ez már tényleg tudás, nem csak AI-trükk.

Próbáld ki most

Nyisd meg a VS Code-ot, hozz létre egy új fájlt today.py néven, és írd be az első sorba ezt a kommentet: # print today's date in the format YYYY-MM-DD. Várj két másodpercet, majd nyomj Tab-ot, ha megjelenik a szürke javaslat. Mentsd el a fájlt. Épp most generáltad az első újrahasználható kódrészletedet — és bármelyik jövőbeli Python-projektbe bemásolhatod.

❓ Gyors kérdések

Mennyi időt vesz igénybe?

Kb. 6 perc — az útmutató 5 lépésből áll, és mindegyiket ki tudod pipálni, ahogy haladsz.

Milyen eszköz kell hozzá?

Ez az útmutató a(z) GitHub Copilot eszközt használja — de a módszer nagyon hasonlóan működik más AI-asszisztensekben is.

Milyen hibákat kerüljek el?
  • Minden javaslatot helyesnek vélni. A Copilot hihető kinézetű kódot ír, ami néha valójában nem is fut le. Javítás: Olvasd végig soronként a javasolt kódot, mielőtt elmented, és teszteld egy kis példán, mielőtt egy valódi projektben támaszkodsz rá.
  • Elérted az ingyenes csomag keretét. A GitHub Copilot Free havonta csak korlátozott számú kiegészítést és csevegést ad; ha elfogy, a következő hónapig nem javasol többet. Javítás: Használd okosan a javaslatokat valódi feladatokra, vagy válts fizetős Pro csomagra, ha korlátlan használatra van szükséged.
  • Túl homályos a kérés. Ha csak annyit írsz, hogy „készíts egy weboldalt", a Copilotnak kevés kapaszkodót adsz, és az eredmény általában értelmetlen. Javítás: Légy konkrét — írd le a bemeneteket, a kimenetet és a korlátokat (például: „egy függvény, ami kap egy e-mail-listát, és csak a .com-ra végződőeket adja vissza").

Olvass tovább

Hasznos volt?

✦ Az AI World HQ automatikus szerkesztőségében mesterséges intelligencia készítette, közérthető nyelven. Automatikus tény- és minőség-ellenőrzésen ment át — emberi szerkesztő nem nézte át. Hibát látsz? Jelezd a fenti gombokkal.

☕ Ingyenes, hirdetés és fizetőfal nélkül — az olvasók tartják életben. Támogasd (egyszeri vagy havi)

← Vissza a hírekhez