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ő.

6 perc olvasás·2026. július 23.

Ezt az útmutatót mesterséges intelligencia írta. Automatikus tény- és minőség-ellenőrzésen ment át, és a szerkesztőnk naponta szúrópróbaszerűen átnézi a megjelent útmutatókat.

Lásd elsőként az AI World HQ cikkeit a Google-banJelölj meg kedvenc forrásként, és a Google Kiemelt hírei között előrébb látod a cikkeinket.Hozzáadás

💡 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
1. lépés / 5

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.

💬 Példakeresőkifejezés — `GitHub Copilot`
✅ Akkor sikerült, ha

a Copilot-ikon az alsó sávban már nem szürke.

Következő lépés ↓
GitHub Copilotbal oldali sáv…
✏️ Vázlat — a te képernyőd kicsit másképp nézhet ki
2
2. lépés / 5

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.

💬 Példaparancs — `Copilot: Sign in`
✅ 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.

Következő lépés ↓
GitHub CopilotSign in to Git…
✏️ Vázlat — a te képernyőd kicsit másképp nézhet ki
3
3. lépés / 5

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").

💬 Példafájlnév — `my-snippets.js` vagy `my-snippets.py`
✅ Akkor sikerült, ha

a fájl el van mentve a gépeden, és a jobb alsó sarokban megjelenik a nyelv címkéje.

🔄 Ha másképp néz ki

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.

Következő lépés ↓
GitHub CopilotFile
✏️ Vázlat — a te képernyőd kicsit másképp nézhet ki
4
4. lépés / 5

Í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".

💬 Példa(egy JavaScript fájlban, pontosan írd be ezt a kommentet): `// Függvény, amely egy dátumot fogad, és DD/MM/YYYY formátumban adja vissza`
✅ Akkor sikerült, ha

világosszürke kód jelenik meg a kommented alatt.

Következő lépés ↓
GitHub CopilotEntert
✏️ Vázlat — a te képernyőd kicsit másképp nézhet ki
5
5. lépés / 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.

💬 Példafinomító komment: `// also handle leap years`
✅ 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.

GitHub CopilotTab
✏️ Vázlat — a te képernyőd kicsit másképp nézhet ki
⚠️ 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").

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.

🎯 Következő útmutatóKészíts egyszerű háztartási költségvetés-kalkulátort a GitHub CopilottalÍrj egy kis kalkulátort, ami összeadja a havi kiadásaidat — a Copilot soronként segít a kód megírásában.

❓ 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

📘 Első lépések a GitHub Copilot-tal: kezdő útmutató Tanuld meg, hogyan hagyhatod, hogy a mesterséges intelligencia biztonságosan írjon kódot helyetted, közvetlenül a szerkesztődben, így gyorsabban végezhetsz a kis projektekkel. 📘 Így ír unit teszteket a GitHub Copilot a kódodhoz Egy lépésről lépésre útmutató kezdőknek, ami megmutatja, hogyan kérheted meg a Copilotot, hogy generáljon tesztkódrészleteket, így magabiztosan fedezheted le az új funkciókat. 📘 Készíts egyszerű háztartási költségvetés-kalkulátort a GitHub Copilottal Írj egy kis kalkulátort, ami összeadja a havi kiadásaidat — a Copilot soronként segít a kód megírásában. 📰 Így írd meg az első promptodat a GitHub Copilot alkalmazásban Kezdőknek szóló, lépésről lépésre bemutató az első beszélgetésedhez a GitHub AI-segítőjével – programozói előismeretek nélkül 📘 Fényképek átnevezése biztonságosan, egy GitHub Copilot-szkripttel Kérj a Copilottól VS Code-ban egy kis Python-szkriptet, próbáld ki másolatokon, majd egyetlen kattintással nevezd át a valódi fotóidat. 📘 Készíts letisztult README-t 10 perc alatt a GitHub Copilottal Varázsold üres lapról csiszolt projekt-README-vé, ami vendégszeretően fogadja a közreműködőket és a felhasználókat — a Copilot kalauzolásával.
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, és a szerkesztőnk naponta szúrópróbaszerűen átnézi a megjelent útmutatókat. Hibát látsz? Jelezd a fenti gombokkal.

← Vissza a hírekhez