Posuňte svou produktivitu kódování na další úroveň integrací ChatGPT s VS Code.

Můžete být šéfem svých úkolů a zvýšit svou produktivitu, když se naučíte využívat nástroje umělé inteligence, které se denně stahují z výzkumných laboratoří. VS Code obsahuje rozšíření ChatGPT, které vám přináší kódovací prostředí s podporou OpenAI.

Můžete využít rozsáhlý model kódování ChatGPT k efektivnějšímu a rychlejšímu dokončení vašich projektů – přímo v IDE. Zde jsou praktické způsoby, jak můžete používat ChatGPT s kódem VS.

Jak nainstalovat a používat rozšíření ChatGPT v kódu VS

Když na trhu rozšíření VS Code hledáte „ChatGPT“ nebo „Code GPT“, objeví se mnoho souvisejících rozšíření. Na rozdíl od GitHub Copilot nejsou oficiálně přímo od OpenAI.

Většina vzorkovaných rozšíření VS Code ChatGPT však funguje stejným způsobem. Ale budeme se držet Rozšíření ChatGPT od EasyCode pro tento článek, protože je to docela slušné pro demonstraci případů použití ChatGPT ve VS Code. Podporuje GPT-4 a GPT-3.5, má bezplatnou vrstvu a nevyžaduje klíč API.

instagram viewer

Chcete-li nainstalovat rozšíření ChatGPT v kódu VS:

  1. Otevřete VS Code a klikněte na ikonu nastavení vlevo dole na levém postranním panelu.
  2. Jít do Rozšíření.
  3. Případně stiskněte Ctrl + Shift + X (Command + Shift + X pro Mac), chcete-li přímo otevřít tržiště rozšíření.
  4. Do vyhledávacího pole vlevo nahoře zadejte „ChatGPT – EasyCode“.
  5. Po zobrazení klikněte na rozšíření.
  6. Nakonec klikněte Nainstalujte.
  7. Po instalaci uvidíte ikonu rozšíření v levém postranním panelu.
  8. Klikněte na ikonu rozšíření. Klikněte Zkuste bez účtu. Ale klidně Přihlásit se pokud máte účet popř Přihlásit se pro nový účet u poskytovatele rozšíření.

Jak používat rozšíření ChatGPT

  1. Chcete-li použít vestavěnou výzvu, zvýrazněte cílový kód a klikněte na něj pravým tlačítkem. Vyberte kteroukoli z dostupných výzev.
  2. Chcete-li napsat vlastní výzvu, klikněte pravým tlačítkem na zvýrazněný kód a vyberte možnost Zeptat se GPT. Napište výzvu do pole chatu nahoře a stiskněte Vstupte.

Jak používat rozšíření ChatGPT s vaší kódovou základnou

Pokud jste otevřeli VS Code do svého základního adresáře kódu a chcete, aby ChatGPT přistupoval k základním modulům:

  1. Klikněte na ikonu rozšíření na levém postranním panelu. Poté zkontrolujte Zeptejte se Codebase box.
  2. Zkopírujte cílový kód a vložte jej do chatovacího pole.
  3. Zadejte výzvu pod kód (stiskněte Shift + Enter) v poli chatu.
  4. lis Vstupte nebo klikněte na ikonu odeslat.

Nyní se podívejme na různé způsoby použití ChatGPT ve VS Code.

1. Refaktorujte a upravujte kód

ChatGPT se ukázal jako užitečný pro úpravu procedurálního, funkčního a objektově orientovaného kódu.

Pomocí tohoto rozšíření jsme například požádali ChatGPT, aby zrefaktoroval chybný kód níže, funkci Pythonu pro vytvoření libovolného slovníku a přidání „Koupit“ ke každé hodnotě.

defmakeDict(n: str, **kwargs)->diktovat:
 některé: diktát
pro klíč, hodnota v kwargs.items():
 některé = n+" "+hodnota
vrátit se nějaký
newDict = makeDict("Koupit", položka1="Kniha GPT", položka2="Java tutorial", položka3="Pěší průvodce")

Docela dobře vytvořil správný kód, který poskytuje očekávaný výstup, s podrobnými důvody pro úpravu:

Dále můžete použít Zeptejte se dalšího box, který ChtGPT řekne, aby převedl kód na třídu a ukázal, jak jej vytvořit:

Vygenerovaný kód výše je modulárnější a znovu použitelný.

2. Odlaďte svůj kód

Pokud váš kód vyvolá chybu nebo nefunguje, jak by měl, požádejte ChatGPT, aby jej ladil přímo v kódu VS, šetří čas.

Ačkoli neexistuje žádná vestavěná výzva pro ladění, můžete použít Zeptejte se GPT možnost vytvořit vlastní výzvu k ladění kódu.

Požádali jsme rozšíření ChatGPT, aby odladilo kód, který jsme používali dříve. Nejen, že to ladilo. Vysvětlilo to a vygenerovalo ten správný, včetně jeho očekávaného výstupu.

3. Napište svůj kód v jiném jazyce

Možná budete chtít napsat program v určitém jazyce kromě vašeho jádra. Svůj kód můžete napsat ve svém základním jazyce a požádat ChatGPT, aby jej přepsal do zvoleného programovacího jazyka.

Vygenerovaný kód však může vyžadovat malý lidský vstup, protože ChatGPT nemusí v některých případech poskytnout plně funkční převedený kód.

Například jsme převedli následující kód Pythonu na jeho ekvivalent C pomocí rozšíření VS Code ChatGPT:

Toho dosáhnete kliknutím pravým tlačítkem myši na zvýrazněný kód a výběrem Zeptejte se GPT volba.

Zde je naše výzva ve VS Code:

Ačkoli to vygenerovalo ekvivalent C dvakrát, než to udělalo správně, konečný kód funguje.

4. Vygenerujte frontendovou komponentu pro vaše API

Pokud jste napsali API s různými koncovými body, můžete požádat rozšíření ChatGPT, aby poskytlo frontendovou komponentu, která ji využije pomocí konkrétního rámce. Může to být React, Vue nebo Angular.

Rozšíření jsme například použili ke generování komponenty React pro vytvoření plánu schůzek na základě koncového bodu API vytvořeného pomocí FastAPI Pythonu:

Jak je uvedeno výše, možná budete chtít zkontrolovat Zeptejte se Codebase pokud máte co do činění s velkou kódovou základnou.

Po odkazu na naši kódovou základnu poskytlo rozšíření VS Code ChatGPT praktickou komponentu React pro použití poskytnutého koncového bodu:

5. Vysvětlete bloky kódu

Předpokládejme, že jste získali kus kódu z Stack Overflow nebo úložiště GitHub. Můžete požádat rozšíření ChatGPT ve VS Code, aby vysvětlilo, jak to funguje pro lepší pochopení. To vám pomůže snadno odladit takový kód, pokud se kvůli budoucím změnám kódu objeví chyby.

V tomto příkladu použití jsme požádali rozšíření ChatGPT, aby vysvětlilo následující kód; třída Python pro ověřování e-mailových adres uživatelů.

Vyvolalo to následující odpověď:

6. Generujte HTML šablony pro vaši aplikaci

Pomocí rozšíření ChatGPT ve VS Code můžete vytvořit šablonu HTML (jako vstupní pole) od začátku – přímo pomocí chatovacího pole rozšíření. Můžete mu například říct, aby vytvořil šablonu HTML pro registraci uživatele.

Co když ale píšete aplikaci, která vykresluje data přímo do HTML (non-SPA) a chcete šablonu specifickou pro projekt? Rozšíření ChatGPT ve VS Code můžete použít k vytvoření šablon HTML, které uživatelům zobrazí data backendu.

Například, pokud používáte Framework založený na architektuře MVT, jako je Django, můžete rozšíření použít k vytvoření šablon HTML pro zobrazení Django.

Opět platí, že pro tento typ případu použití možná budete chtít kliknout na Zeptejte se Codebase zaškrtávací políčko pro ChatGPT pro přístup k vaší kódové základně.

7. Unit-Test Your Code

Jakkoli je testování jednotek zásadní, může být spotřebitelem času. Rozšíření VS Code ChatGPT můžete využít ke generování jednotkových testů pro váš kód a ušetřit cenný čas na vývoj.

Ačkoli má rozšíření ChatGPT vestavěnou výzvu pro generování testů jednotek, možná budete chtít napsat vlastní výzvu pomocí Zeptejte se Codebase možnost specifičnosti a lepšího výsledku.

Požádali jsme ChatGPT, aby napsal test jednotky pro koncový bod registrace vytvořený pomocí FastAPI Pythonu:

Účinně vzorkoval základnu kódu, aby vygeneroval požadovaný test jednotky:

8. Najděte potenciální bezpečnostní chyby

I když nemusí poskytovat podrobnou analýzu zabezpečení, rozšíření VS Code ChatGPT může být užitečným nástrojem pro rychlé zrychlení zkontrolujte bezpečnostní chyby ve vaší aplikaci kódovou základnu a ušetří vám čas ručním skenováním.

Chcete-li umožnit ChatGPT skenovat vaši kódovou základnu, použijte Zeptejte se Codebase možnost (klikněte na ikonu rozšíření a zaškrtněte Zeptejte se Codebase box).

Pokud se obvykle hazardujete kolem nějaké staré resp nové funkce VS kódu, neváhejte se zeptat na cestu kolem IDE z rozšíření ChatGPT.

Můžete například požádat rozšíření, aby doporučilo nejlepší rozšíření pro ladění konkrétního programovacího jazyka.

Nebo se můžete zeptat na techničtější otázku, například jak otevřít VS Code z příkazového řádku.

10. Napište dokumentaci přímo z VS kódu

Pomocí rozšíření ChatGPT můžete snadno napsat podrobnou dokumentaci pro kus kódu přímo z kódu VS.

Zde je například podrobná dokumentace funkce vytváření odkazů Zoom (ve formátu HTML), kterou jsme vygenerovali pomocí rozšíření VS Code ChatGPT:

Kódujte efektivně pomocí ChatGPT v kódu VS

Jako programátor v rychle se rozvíjejícím internetu chcete dosáhnout minimálního životaschopného produktu v co nejkratším čase. Ačkoli ChatGPT není zcela spolehlivý, může pomoci vaší cestě vývoje, pokud je používán kreativně. A existuje mnohem více případů použití ChatGPT v programování. Nicméně, se vším, co bylo řečeno, ujistěte se, že ověřujete výsledky ChatGPT, protože mohou být někdy zavádějící.