Home Umjetna inteligencija Kako koristiti chatGPT u Visual Studio Code-u
Umjetna inteligencijaZanimljivosti

Kako koristiti chatGPT u Visual Studio Code-u

ChatGPT je svudje zadnjih dana; s pravom je tema godine. Ako ste ga imali priliku isprobati, vjerojatno ste, kao i ja, ostali iznenađeni koliko je nevjerojatan.

Mogućnosti su mu ogromne i može se koristiti za mnogo stvari, ali ono što nas trenutno zanima je može li nam pomoći pri kodiranju? Odgovor je – da, može.

Zapravo je zastrašujuće koliko je moćan program. Zaista.

No, prije nego zaronimo u umjetnu inteligenciju i programiranje, što je zapravo ChatGPT?

Pitajmo ga!

Što je ChatGPT i za što služi?

“Ja sam jezični model treniran od strane OpenAI-a, (kompanije za razvoj i istraživanje pogodnosti umjetne inteligencije za čovječanstvo). Mogu razumjeti i proizvesti tekst u maniri ljudskog bića, te mogu odgovarati na pitanja i voditi razgovore o širokom rasponu tema. – kaže ovaj impresivan model umjetne inteligencije.

Možeš li programirati?

Da, mogu pisati kod u više programskih jezika kao što su Python, JavaScript, Java, C++, i drugi. Također mogu pomoći pri otkrivanju grešaka u kodu, rješavati probleme i razumjeti kod napisan u tim jezicima.

No, ja sam model i moja izvedba možda neće biti dobra kao što bi bila izvedba stručnog programera.

Odlično! Pogledajmo neki jednostavniji primjer!

Tražio sam ChatGPT da napiše kod za “dark mode” (tamnu verziju) web stranica koristeći CSS, HTML, i Javascript. I napravio je upravo to!

<!DOCTYPE html>
<html>
<head>
  <title>Dark Mode</title>
  <script>
    function toggleDarkMode() {
      var body = document.getElementById("body");
      var currentClass = body.className;
      body.className = currentClass == "dark-mode" ? "light-mode" : "dark-mode";
    }
  </script>
  <style>
    body {
      background-color: white;
      color: black;
    }
    .dark-mode {
      background-color: black;
      color: white;
    }
  </style>
</head>
<body id="body" class="light-mode">
  <button onclick="toggleDarkMode()">Toggle Dark Mode</button>
  <p>This is some sample text</p>
</body>
</html>

Wow!

Kako koristiti ChatGPT u Visual Studio Code-u?

Kako bismo koristili ChatGPT u VS Code-u, prvo moramo instalirati ekstenziju za VS Code.

Možete ju pronaći ovdje, ili alternativno otvorite VS Code, kliknite “Extensions” ikonu te upišite “Code GPT” u tražilicu:

Extensions in VS Code

Ovo je logo ekstenzije:

Kada ste instalirali ekstenziju, posjetite openai.com i otvorite račun. Nakon što kreirate račun, pronađite “View API keys” u padajućem izborniku vašeg profila (“Personal”):

Generirajte API ključ, koji ćemo kasnije upisati u VS Code.

Sada se vratite u VS Code, kreirajte novu datoteku (ovisno o programskom jeziku kojeg koristite) i upišite u komentar što želite da ChatGPT isprogramira za vas.

Zatim kliknite cmd + shift + i. (Kada to učinite prvi put, morati ćete unijeti API ključ koji smo kreirali u prijašnjem koraku).

I to je sve. ChatGPT će u novom prozoru generirati kod koji je od njega zatražen.

Na primjer, ovo je naš upit:

<!-- Write shopify liquid code for a menu" -->

A ovo rezultat:

<ul>
  {% for link in linklists.main-menu.links %}
    <li><a href="{{ link.url }}">{{ link.title }}</a></li>
  {% endfor %}
</ul>

Budućnost je ovdje, i zaista je impresivna.

Written by
Igor Bujas

Radim kao UI dizajner i front-end developer, zadnjih desetak godina gotovo isključivo na Shopify platformi. Ponekad ću napomenuti da sam u industriji toliko dugo da sam popravljao bugove za IE5 i animirao u Flashu dok je još bio Macromedijin proizvod. Kad ne radim, provodim dane penjući, roneći ili trenirajući borilačke sportove.

Leave a comment

Related Articles

Shopify, umjetna inteligencija i ChatGPT
Shopify HrvatskaShopify za developereUmjetna inteligencija

Kako koristiti umjetnu inteligenciju u svrhu poboljšanja vaše Shopify trgovine?

Korištenje AI-a može značajno povećati produktivnost, poboljšati korisničko iskustvo i pojednostaviti operacije...

Umjetna inteligencija

Amazon Astro Robot – budućnost je ovdje

Izvor fotografije: Amazon.com Kad sam bio klinac (da, da, sad sam prastar),...

Umjetna inteligencijaZanimljivosti

Što je Github Copilot

GitHub Copilot (kopilot) je alat za automatsko dovršavanje koda koji se koristi...

4 proven ways to speed up your Shopify store.

    We respect your privacy. Unsubscribe at anytime.