10 módszer a ChatGPT használatára a VS kóddal

Ön lehet a feladatai főnöke, és növelheti termelékenységét, ha megtanulja kihasználni a kutatólaboratóriumokból naponta kiszoruló AI-eszközöket. A VS Code tartalmazza a ChatGPT bővítményt, amely OpenAI-kompatibilis kódolási környezetet biztosít.

A ChatGPT hatalmas kódolási modelljét kihasználva hatékonyabban és gyorsabban hajthatja végre projektjeit – közvetlenül az IDE-n belül. Íme praktikus módok a ChatGPT használatára a VS kóddal.

A ChatGPT bővítmény telepítése és használata a VS Code-ban

Amikor a „ChatGPT” vagy „Code GPT” kifejezésre keres a VS Code kiterjesztés piacterén, sok kapcsolódó kiterjesztés jelenik meg. A GitHub Copilottal ellentétben ezek hivatalosan nem közvetlenül az OpenAI-tól származnak.

A legtöbb mintavételezett VS Code ChatGPT-bővítmény azonban ugyanúgy működik. De mi maradunk Az EasyCode ChatGPT bővítménye ehhez a cikkhez, mivel ez elég tisztességes a ChatGPT használati eseteinek bemutatására a VS Code-ban. Támogatja a GPT-4-et és a GPT-3.5-öt, ingyenes szinttel rendelkezik, és nem igényel API-kulcsot.

A ChatGPT bővítmény telepítése a VS Code-ban:

1. Nyissa meg a VS Code alkalmazást, és kattintson a beállítások ikonra a bal oldalsáv bal alsó sarkában.
2. Menj Kiterjesztések.
3. Alternatív megoldásként nyomja meg a gombot Ctrl + Shift + X (Command + Shift + X Machez) a bővítmények piacterének közvetlen megnyitásához.
4. Írja be a „ChatGPT – EasyCode” kifejezést a bal felső sarokban található keresősávba.
5. Kattintson a bővítményre, amikor megjelenik.
6. Végül kattintson Telepítés.
7. A telepítés után megjelenik a bővítmény ikonja a bal oldalsávban.
8. Kattintson a bővítmény ikonjára. Kattintson Próbáld ki fiók nélkül. De nyugodtan Bejelentkezés ha van fiókja ill Regisztrálj új fiókhoz a bővítményszolgáltatónál.

A ChatGPT bővítmény használata

1. A beépített prompt használatához jelölje ki a célkódot, és kattintson rá jobb gombbal. Válassza ki az elérhető promptok bármelyikét.
2. Egyéni prompt írásához kattintson a jobb gombbal a kiemelt kódra, és válassza a GPT kérése lehetőséget. Írja be kérését a felső csevegési mezőbe, és nyomja meg a gombot Belép.

A ChatGPT bővítmény használata a kódbázissal

Ha megnyitotta a VS Code-ot az alapkönyvtárban, és azt szeretné, hogy a ChatGPT hozzáférjen a mögöttes modulokhoz:

1. Kattintson a kiterjesztés ikonjára a bal oldalsávon. Ezután ellenőrizze a Kérdezd a Codebase-t doboz.
2. Másolja ki a célkódot, és illessze be a chat mezőbe.
3. Írja be a kódot a kód alá (nyomja meg Shift + Enter) a chat mezőben.
4. nyomja meg Belép vagy kattintson a küldés ikonra.

Most lássuk a ChatGPT használatának különféle módjait a VS Code-ban.

1. Kód újrafaktorizálása és módosítása

A ChatGPT hasznosnak bizonyult az eljárási, funkcionális és objektumorientált kód módosításában.

Például ezzel a kiterjesztéssel megkértük a ChatGPT-t, hogy alakítsa újra az alábbi hibás kódot, egy Python-függvényt, amely tetszőleges szótárt hoz létre, és adja hozzá a „Vásárlás” kifejezést minden értékhez.

defmakeDict(n: str, **kwargs)-> diktál:
 néhány: diktál
számára kulcs érték ban ben kwargs.items():
 néhány = n+" "+érték
Visszatérés néhány
newDict = makeDict("Megvesz", item1="GPT könyv", item2="Java bemutató", item3="túravezető")

Elég jól sikerült előállítania a megfelelő kódot, amely a várt kimenetet adja, a módosítás részletes indoklásával:

Továbbá használhatja a Kérjen nyomon követést mezőben, hogy megmondja a ChtGPT-nek, hogy alakítsa át a kódot osztálymá, és mutassa meg, hogyan kell példányosítani:

A fenti generált kód modulárisabb és újrafelhasználható.

2. Hibakeresés a kódban

Ha a kód hibát jelez, vagy nem úgy működik, ahogy kellene, időt takaríthat meg, ha a ChatGPT-t közvetlenül a VS Code-on belüli hibakeresésre kéri.

Bár nincs beépített prompt a hibakereséshez, használhatja a Kérdezze meg a GPT-t lehetőség egyéni prompt létrehozására a kód hibakereséséhez.

Megkértük a ChatGPT-bővítményt a korábban használt kód hibakeresésére. Nem csak hibakeresést csinált. Elmagyarázta, és létrehozta a megfelelőt, beleértve a várható kimenetet is.

3. Írja meg kódját más nyelven

Érdemes lehet programot írni az alapnyelven kívül egy bizonyos nyelven is. Megírhatja a kódot az alapnyelvén, és megkérheti a ChatGPT-t, hogy írja át azt a választott programozási nyelven.

Előfordulhat azonban, hogy a generált kód kevés emberi beavatkozást igényel, mivel a ChatGPT egyes esetekben nem tud teljesen működőképes konvertált kódot biztosítani.

Például a következő Python-kódot konvertáltuk C megfelelőjére a VS Code ChatGPT kiterjesztéssel:

Ezt úgy érheti el, hogy jobb gombbal a kiemelt kódra kattint, és kiválasztja a Kérdezze meg a GPT-t választási lehetőség.

Íme a VS Code-ban található prompt:

Bár kétszer generálta a C megfelelőt, mielőtt helyesen lett volna, a végső kód működik.

4. Hozzon létre egy előtér-komponenst az API-jához

Ha különböző végpontokkal írt API-t, akkor megkérheti a ChatGPT-bővítményt, hogy biztosítson egy előtér-összetevőt, amely egy adott keretrendszer használatával fogyasztja azt. Ez lehet React, Vue vagy Angular.

Például a bővítmény segítségével létrehoztunk egy React-összetevőt egy értekezlet ütemezésének létrehozásához a Python FastAPI-jával létrehozott API-végpont alapján:

A fent leírtak szerint érdemes ellenőrizni a Kérdezd a Codebase-t dobozban, ha nagy kódbázissal van dolgod.

A kódbázisunkra való hivatkozás után a VS Code ChatGPT bővítmény egy praktikus React összetevőt biztosított a megadott végpont használatához:

5. Magyarázza el a kódblokkokat

Tételezzük fel, hogy a Stack Overflow-ból vagy egy GitHub-tárházból szerzett egy kódrészletet. A jobb megértés érdekében megkérheti a VS Code ChatGPT bővítményét, hogy magyarázza el, hogyan működik. Ez segít az ilyen kódok egyszerű hibakeresésében, ha hibák merülnek fel a jövőbeni kódmódosítások miatt.

Ebben a használati példában arra kértük a ChatGPT bővítményt, hogy magyarázza el a következő kódot; Python osztály a felhasználók e-mail címének ellenőrzésére.

A következő választ generálta:

6. Hozzon létre HTML-sablonokat az alkalmazásához

A VS Code ChatGPT-bővítményével létrehozhat egy HTML-sablont (például beviteli mezőket) a semmiből – közvetlenül a bővítmény csevegődobozának használatával. Például megmondhatja, hogy hozzon létre egy HTML-sablont a felhasználói regisztrációhoz.

De mi van akkor, ha olyan alkalmazást ír, amely közvetlenül HTML-be jeleníti meg az adatokat (nem SPA), és projektspecifikus sablont szeretne? A VS Code ChatGPT bővítményével HTML-sablonokat hozhat létre, amelyek megjelenítik a háttéradatokat a felhasználók számára.

Például, ha egy MVT architektúra alapú keretrendszer, mint a Django, a bővítmény segítségével HTML-sablonokat hamisíthat Django-nézeteihez.

Ismételten, az ilyen típusú felhasználási eseteknél érdemes rákattintani a Kérdezd a Codebase-t jelölje be a ChatGPT jelölőnégyzetét a kódbázis eléréséhez.

7. Tesztelje le a kódját

Bármennyire is fontos az egységteszt, időfogyasztó lehet. A VS Code ChatGPT bővítmény segítségével egységteszteket generálhat a kódhoz, és értékes fejlesztési időt takaríthat meg.

Bár a ChatGPT kiterjesztés rendelkezik egy beépített prompttal az egységtesztek generálására, érdemes lehet egyéni promptot írni a Kérdezd a Codebase-t lehetőség a specifikusság és a jobb eredmény érdekében.

Megkértük a ChatGPT-t, hogy írjon egységtesztet a Python FastAPI-jával létrehozott regisztrációs végponthoz:

Hatékonyan mintavételezte a kódbázist a szükséges egységteszt létrehozásához:

8. Keresse meg a lehetséges biztonsági réseket

Bár lehet, hogy nem nyújt részletes biztonsági elemzést, a VS Code ChatGPT kiterjesztés praktikus eszköz lehet a gyors gyorsításhoz ellenőrizze az alkalmazás biztonsági réseit kódbázist, és időt takaríthat meg a kézi szkenneléssel.

Ha engedélyezni szeretné a ChatGPT-nek a kódbázis átvizsgálását, használja a Kérdezd a Codebase-t opciót (kattintson a bővítmény ikonjára, és ellenőrizze a Kérdezd a Codebase-t doboz).

Ha általában szerencsejátékkal körbejár néhány régi ill új VS Code funkciók, nyugodtan tájékozódjon az IDE-ről a ChatGPT bővítményből.

Például megkérheti a bővítményt, hogy ajánlja a legjobb kiterjesztéseket egy adott programozási nyelv hibakereséséhez.

Vagy feltehetsz egy technikaibb kérdést, például hogyan lehet megnyitni a VS Code-ot a parancssorból.

10. Írjon dokumentációt közvetlenül a VS kódból

A ChatGPT bővítmény segítségével könnyedén írhat részletes dokumentációt egy kódrészlethez közvetlenül a VS Code-ból.

Például itt van egy részletes dokumentáció a Zoom linklétrehozó funkcióról (HTML formátumban), amelyet a VS Code ChatGPT kiterjesztéssel hoztunk létre:

Hatékony kódolás a ChatGPT-vel a VS Code-ban

A gyors tempójú internet programozójaként minimális életképes terméket szeretne elérni a legrövidebb idő alatt. Bár a ChatGPT nem teljesen megbízható, kreatív felhasználás esetén segítheti a fejlesztési utat. És a ChatGPT-nek sokkal több felhasználási esete van a programozásban. Mindazonáltal ügyeljen arra, hogy ellenőrizze a ChatGPT eredményeit, mivel azok néha félrevezetőek lehetnek.