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

Így kérd meg a GitHub Copilotot, hogy magyarázza el a rejtélyes hibaüzenetet

Kezdőknek szóló módszer, amivel a rejtélyes piros szövegből érthető, barátságos teendőlista lesz

Röviden: A GitHub Copilot chatje el tudja olvasni a zavaros hibaüzenetet, közérthető szavakkal elmagyarázza, és összegyűjti a legvalószínűbb javításokat. Csak beilleszted a hibát, felteszel egy rövid kérdést, aztán úgy folytatod, mintha beszélgetnél — kódolási tapasztalat nem kell hozzá.

Nem kell fejlesztőnek lenned ahhoz, hogy ez hasznodra váljon. Rengetegen futnak bele piros betűs falakba, miközben kódolni tanulnak, egy weboldalt babrálnak, vagy munkahelyi szkriptet futtatnak. A GitHub Copilot (a GitHub mesterséges intelligencián alapuló kódolási segédje, amely a kódszerkesztődben él) úgy működhet, mint egy türelmes tanár: hangosan, hétköznapi szavakkal felolvassa a hibát. Egy őszinte korlátot azért érdemes tudni: a Copilot el tudja magyarázni a hibát és javításokat tud javasolni, de a kódodat nem tudja ténylegesen futtatni, és a módosításokat sem tudja elvégezni helyetted — a válasz felhasználásáról továbbra is te döntesz. Íme a kezdőbarát módszer, amivel ezt kihasználhatod.

💡 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ágsz

  • Egy ingyenes GitHub-fiók, bejelentkezve a böngésződben. Egyes chatfunkciókhoz fizetős csomag kell — ha eléri a használati limitet, nézd meg a hivatalos árazási oldalt.
  • Telepített VS Code a gépeden (a Microsoft ingyenes kódszerkesztője — ha nem VS Code-ot használsz, ugyanez a chat a github.com oldalon is működik; nyiss meg bármilyen repositoryt, és keresd meg ott a Copilot ikont).
  • A teljes hibaüzenet, készen arra, hogy a terminálból, a böngésző konzoljából, egy naplófájlból vagy a kódszerkesztőből kimásold.
  • Nagyjából 5 perc.
1

Telepítsd a Copilot bővítményt a VS Code-ban

Nyisd meg a VS Code-ot, és nézd meg az ablak bal szélét — ez egy vékony, függőleges sáv néhány ikonnal. Az egyik úgy néz ki, mint négy kis négyzet, amelyek közül az egyik sarkát kicsit kihúzták (a Bővítmények ikon). Kattints rá egyszer. A bal oldalon kinyílik egy új panel, felül egy keresőmezővel. Írd be a keresőmezőbe, hogy GitHub Copilot, és nyomd meg az Enter billentyűt. Az első találat általában a GitHub hivatalos bővítménye. Kattints az oldalán lévő zöld Install gombra. Pár pillanat múlva megjelenik egy új ikon, ami úgy néz ki, mint egy kis csevegőbuborék, ugyanabban a bal oldali sávban.

💬 Példaírd be, hogy `GitHub Copilot` (csak magát a keresőkifejezést).

Ha nem találod a Bővítmények ikont, nyomd meg a Ctrl + Shift + X billentyűkombinációt (Windows/Linux), vagy a Cmd + Shift + X kombinációt (Mac) — ez bárhonnan megnyitja ugyanazt a panelt. Akkor jártál sikerrel, ha megjelenik egy csevegőbuborék-ikon a bal oldali sávban, és a VS Code egy kis felugró ablakban kéri, hogy jelentkezz be.

2

Nyisd meg a Copilot chatpanelét, és jelentkezz be

Kattints az új csevegőbuborék-ikonra a bal oldali sávban. Kinyílik egy panel a jobb oldalon (vagy a bal oldalon, a beállításodtól függően) alul egy szövegmezővel, felül pedig egy barátságos üdvözléssel. Amikor először csinálod ezt, a VS Code egy kis ablakban kéri, hogy jelentkezz be — kattints a Sign in to GitHub gombra, kövesd a megnyíló böngészőfület, és amikor a GitHub kéri, kattints az Authorize gombra. Visszatérve a szerkesztőbe, a chatpanel aktívvá válik, és a kurzor villog a szövegmezőben.

💬 Példa(ehhez a lépéshez nem kell gépelni).

Ha a telepítés után nem találod a csevegőbuborék-ikont, nézd meg a View menüben az Open View… opciót, vagy nyomd meg a Ctrl + Shift + I (Windows/Linux) vagy a Cmd + Shift + I (Mac) billentyűkombinációt, amivel közvetlenül megnyílik a chatpanel. Akkor jártál sikerrel, ha villogó kurzort látsz egy „Ask Copilot" vagy „Send a message to Copilot" feliratú szövegmezőben.

3

Illeszd be a teljes hibaüzenetet

Kattints a szövegmezőbe, és illeszd be a hibát. A beillesztéshez nyomd meg a Ctrl + V (Windows/Linux) vagy a Cmd + V (Mac) billentyűkombinációt. A hiba szövege megjelenik a mezőben, általában fix szélességű betűtípussal. Igyekezz a teljes hibát átmásolni — a legtöbb hibaüzenethez a címsor alatt fájlnevek és sorszámok listája tartozik (ezt stack trace-nek hívják — gondolj rá úgy, mint a hiba által hátrahagyott morzsákra), és ez a plusz kontextus segít a Copilotnak kitalálni az okot. Ha a hiba a böngészőből jött, először nyisd meg a Console fület (a böngésző More Tools menüjében találod), és onnan másold ki.

💬 Példa`TypeError: Cannot read properties of undefined (reading 'map') at App.render (App.jsx:14)`

Akkor jártál sikerrel, ha a hiba szövege pontosan úgy ül a chatmezőben, ahogy a képernyőn megjelent, beleértve minden számot és fájlnevet.

4

Kérj közérthető magyarázatot

Közvetlenül a beillesztett hiba után, ugyanabban a mezőben, írj egy rövid mondatot, amiben megkéred a Copilotot, hogy fordítsa le neked. A kérdés alakítja a választ — legyen egyszerű és egyenes. A küldéshez nyomd meg az Enter billentyűt. Pár másodpercen belül a Copilot válaszol: barátságosan elmagyarázza, mit jelent a hiba hétköznapi szavakkal. Ha nem jelenik meg azonnal válasz, keresd meg az üzeneted alatt a kis stop vagy regenerate ikont, és kattints rá.

💬 Példa`Explain this error to me like I'm new to coding. What is it actually telling me to fix?`

Akkor jártál sikerrel, ha a válasz hétköznapi angolul írja le a problémát — valami olyasmit, hogy „a kódod egy olyan listát akart használni, amely még nem létezik" — ahelyett, hogy egyszerűen visszaismételné az eredeti hibát.

5

Kérj egy listát a legvalószínűbb javításokról

Ne állj meg a magyarázatnál. Ugyanabban a chatmezőben írj egy folytató kérdést, amiben számozott listát kérsz a legvalószínűbb okokról és arról, mit érdemes először ellenőrizni. A Copilot általában számozott listával válaszol — minden elem egy-egy tipp, amit a saját kódodon tesztelhetsz. A listát teendőlistaként kezeld, nem végső ítéletként: nem minden javaslat fog passzolni a helyzetedhez, és ez teljesen normális.

💬 Példa`List the 3-5 most likely causes of this error. For each one, tell me what to look at in my code.`

Akkor jártál sikerrel, ha kapsz egy számozott listát, legalább három konkrét dologgal, amit érdemes megnézni — például „a változó lehet, hogy üres", vagy „a függvény lehet, hogy még az adat betöltése előtt hívódik meg".

6

Teszteld az egyes javaslatokat a saját kódodon

Nyisd meg azt a fájlt, amelyet a hiba említett (a példánkban az App.jsx fájlt a 14. sorban), és olvasd el azt a sort, amelyre a Copilot rámutatott. Nézd meg, melyik javaslat illik rá. Ha egyik sem tűnik találónak, illessz be egy kis részletet a tényleges kódodból a chatbe, és kérdezd meg, melyik javaslat a legvalószínűbb. Ilyenkor válik tényleg hasznossá a mesterséges intelligencia — ahelyett, hogy vakon tippelgetnél, összehasonlíthatod az egyes ötleteket a valódi kóddal, ami előtted van.

💬 Példa`Here's the function that produces the error. Which of your suggestions fits this code? function render() { return items.map(...) }`

Akkor jártál sikerrel, ha legalább egy javaslat „beklikkel" — azaz azt mondod: „aha, valószínűleg ez az" — és van egy konkrét következő lépés, amit kipróbálhatsz.

7

Kérdezz rá a részletekre, ha valami még mindig nem tiszta

Ha a magyarázatban vagy a listában van egy szó, amit nem ismersz, egyszerűen kérdezz rá. Mondd meg a Copilotnak pontosan, melyik kifejezés zavart, és ő úgy fogja megfogalmazni azt az egy részt, hogy érthetőbb legyen. Ez a legnagyobb trükk, amit a legtöbb kezdő kihagy: a chat beszélgetés, nem egyszeri válasz. Minden egyes folytatással szorosabbá és a te helyzetedre szabtabbá válik a következő válasz. Ha egy válasz félresiklik, keresd meg a kis refresh vagy try again ikont, amivel friss tervezetet kapsz.

💬 Példa`You mentioned "undefined". I don't fully get what that means in this context — can you explain just that word?`

Akkor jártál sikerrel, ha a saját szavaiddal vissza tudod mondani az ötletet, és van legalább egy konkrét dolog, amit a kódodban megváltoztathatsz.

⚠️ Gyakori hibák
  • Csak a hiba első sorát másolod be. Az alatta lévő sorok (a stack trace — az érintett fájlok és sorok listája) általában arra mutatnak, ahol ténylegesen elromlott valami. Az egész blokkot másold, ne csak a címsort.
  • Nem mondod meg, milyen nyelvet vagy könyvtárat használsz. A „null" a JavaScriptben és a „NULL" egy adatbázisban hasonlónak tűnik, de mást jelent. Írj egy rövid mondatot az üzeneted elejére: „Reactet használok."
  • Az első választ végső válasznak tekinted. A Copilot magabiztosan tévedhet is, főleg szokatlan felállásoknál. Ha két-három javaslat nem illik a kódodra, ne erőltesd a negyediket — menj vissza az eredeti hibához, és kérdezz újra, több részlettel.

Mit jelent ez számodra

  • A mindennapokban: amikor bármilyen eszköz piros szövegtengert önt eléd — legyen az szkript, build eszköz, élesítés — ugyanez a trükk működik. Illeszd be, kérj közérthető értelmezést, aztán kérj teendőlistát. A rémisztőnek tűnő hibákból így rövid feladatlista lesz.
  • A munkádban vagy a vállalkozásodban: gyorsabb hibakeresés, kevesebb megszakítás a kollégáknak, és egyre erősödő szokás, hogy olvasod a hibákat ahelyett, hogy félnél tőlük. Idővel egyre több mintát ismersz fel, és egyre ritkábban kell a chat.
  • Ha most kezded: válaszd ki a következő hibát, amit ma látsz, és használd gyakorlásnak. Naponta egy elmagyarázott hiba gyorsan összeadódik.

Próbáld ki most

Nyisd meg a Copilot chatpanelét, illeszd be a legutóbbi hibaüzenetet, amibe belefutottál — akár tegnapi is lehet — és küldd el ezt az egyetlen sort:

💬 Példa`Explain this error to me like I'm new to coding, then list the 3 most likely things to check.`

Egy percen belül tiszta választ kapsz.

❓ Gyors kérdések

Mennyi időt vesz igénybe?

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

Milyen eszköz kell hozzá?

Ez az útmutató a(z) GitHub 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?
  • Csak a hiba első sorát másolod be. Az alatta lévő sorok (a stack trace — az érintett fájlok és sorok listája) általában arra mutatnak, ahol ténylegesen elromlott valami. Az egész blokkot másold, ne csak a címsort.
  • Nem mondod meg, milyen nyelvet vagy könyvtárat használsz. A „null" a JavaScriptben és a „NULL" egy adatbázisban hasonlónak tűnik, de mást jelent. Írj egy rövid mondatot az üzeneted elejére: „Reactet használok."
  • Az első választ végső válasznak tekinted. A Copilot magabiztosan tévedhet is, főleg szokatlan felállásoknál. Ha két-három javaslat nem illik a kódodra, ne erőltesd a negyediket — menj vissza az eredeti hibához, és kérdezz újra, több részlettel.

Olvass tovább

Hasznos volt?

✦ Az AI World HQ AI-szerkesztőségének eredeti, lépésről lépésre útmutatója. Közérthetően írva, pontosságra ellenőrizve.

← Vissza a hírekhez