Изведете производителността на кодирането си на следващото ниво, като интегрирате ChatGPT с VS Code.

Можете да бъдете шеф на задачите си и да увеличите производителността си, когато се научите да използвате инструментите за изкуствен интелект, излизащи ежедневно от изследователските лаборатории. VS Code включва разширението ChatGPT, за да ви предостави среда за кодиране, активирана с OpenAI.

Можете да се възползвате от обширния модел на кодиране на ChatGPT, за да завършите проектите си по-ефективно и по-бързо – направо в IDE. Ето удобни начини, по които можете да използвате ChatGPT с VS Code.

Как да инсталирате и използвате разширението ChatGPT във VS Code

Когато търсите „ChatGPT“ или „Code GPT“ в пазара за разширения на VS Code, се появяват много свързани разширения. За разлика от GitHub Copilot, те не са официално директно от OpenAI.

Повечето VS Code ChatGPT разширения обаче работят по същия начин. Но ние ще се придържаме към Разширението ChatGPT на EasyCode за тази статия, тъй като е доста приличен за демонстриране на случаи на използване на ChatGPT във VS Code. Поддържа GPT-4 и GPT-3.5, има безплатно ниво и не изисква API ключ.

instagram viewer

За да инсталирате разширението ChatGPT във VS Code:

  1. Отворете VS Code и щракнете върху иконата за настройки в долния ляв ъгъл на лявата странична лента.
  2. Отидете на Разширения.
  3. Като алтернатива натиснете Ctrl + Shift + X (Command + Shift + X за Mac), за да отворите директно пазара на разширенията.
  4. Въведете „ChatGPT – EasyCode“ в лентата за търсене горе вляво.
  5. Щракнете върху разширението, когато го видите.
  6. Накрая щракнете Инсталирай.
  7. След инсталиране ще видите иконата на разширението в лявата странична лента.
  8. Щракнете върху иконата на разширението. Кликнете Опитайте без акаунт. Но не се колебайте Впиши се ако имате акаунт или Регистрирай се за нов акаунт при доставчика на разширението.

Как да използвате разширението ChatGPT

  1. За да използвате вградена подкана, маркирайте целевия код и щракнете с десния бутон върху него. Изберете някоя от наличните подкани.
  2. За да напишете персонализирана подкана, щракнете с десния бутон върху маркирания код и изберете Попитай GPT. Въведете подканата си в полето за чат в горната част и натиснете Въведете.

Как да използвате разширението ChatGPT с вашата кодова база

Ако сте отворили VS Code във вашата базова директория с код и искате ChatGPT да има достъп до основните модули:

  1. Щракнете върху иконата на разширението в лявата странична лента. След това проверете Попитайте Codebase кутия.
  2. Копирайте целевия код и го поставете в полето за чат.
  3. Въведете вашата подкана под кода (натиснете Shift + Enter) в полето за чат.
  4. Натиснете Въведете или щракнете върху иконата за изпращане.

Сега нека видим различните начини за използване на ChatGPT във VS Code.

1. Рефакторинг и промяна на кода

ChatGPT се оказа полезен за модифициране на процедурен, функционален и обектно-ориентиран код.

Например, използвайки това разширение, помолихме ChatGPT да преработи грешния код по-долу, функция на Python, за да създаде произволен речник и да добави „Купете“ към всяка стойност.

дефmakeDict(n: str, **kwargs)->дикт:
 някои: дикт
за ключ, стойност в kwargs.items():
 някои = n+" "+стойност
връщане някои
newDict = makeDict("Купува", елемент1=„GPT книга“, елемент2=„Урок за Java“, елемент3=„Пътеводител за пешеходен туризъм“)

Справи се доста добре, създавайки правилния код, който дава очаквания резултат, с подробни причини за модификацията:

Освен това можете да използвате Поискайте последващо съобщение поле, за да кажете на ChtGPT да преобразува кода в клас и да покаже как да го инстанцира:

Генерираният код по-горе е по-модулен и може да се използва повторно.

2. Отстранете грешки във вашия код

Ако вашият код извежда грешка или не работи както трябва, искането на ChatGPT да го отстрани директно във VS Code спестява време.

Въпреки че няма вградена подкана за отстраняване на грешки, можете да използвате Попитайте GPT опция за създаване на персонализирана подкана за отстраняване на грешки във вашия код.

Помолихме разширението ChatGPT да коригира кода, който използвахме по-рано. Не само отстранява грешки. Той го обясни и генерира правилния, включително очаквания резултат.

3. Напишете своя код на друг език

Може да искате да напишете програма на конкретен език, освен вашия основен. Можете да напишете своя код на вашия основен език и да помолите ChatGPT да го пренапише на избрания език за програмиране.

Генерираният код обаче може да изисква малко човешко участие, тъй като ChatGPT може да не успее да осигури напълно работещ конвертиран код в някои случаи.

Например, ние преобразувахме следния код на Python в неговия C еквивалент, използвайки разширение VS Code ChatGPT:

Можете да постигнете това, като щракнете с десния бутон върху маркирания код и изберете Попитайте GPT опция.

Ето нашата подкана във VS Code:

Въпреки че генерира еквивалента на C два пъти, преди да го направи правилно, крайният код работи.

4. Генерирайте Frontend компонент за вашия API

Ако сте написали API с различни крайни точки, можете да поискате от разширението ChatGPT да предостави компонент на интерфейса, който да го използва с помощта на определена рамка. Това може да е React, Vue или Angular.

Например, използвахме разширението, за да генерираме React компонент за създаване на график за срещи въз основа на крайна точка на API, създадена с помощта на FastAPI на Python:

Както е направено по-горе, може да искате да проверите Попитайте Codebase кутия, ако имате работа с голяма кодова база.

След препратка към нашата кодова база, разширението VS Code ChatGPT предостави удобен React компонент за използване на предоставената крайна точка:

5. Обяснете кодовите блокове

Да предположим, че сте взели част от код от Stack Overflow или хранилище на GitHub. Можете да поискате от разширението ChatGPT във VS Code да обясни как работи за по-добро разбиране. Това ви помага лесно да отстранявате грешки в такъв код, ако възникнат грешки поради бъдещи промени в кода.

В този примерен случай на употреба помолихме разширението ChatGPT да обясни следния код; клас на Python за проверка на имейл адресите на потребителите.

Той генерира следния отговор:

6. Генерирайте HTML шаблони за вашето приложение

Използвайки разширението ChatGPT във VS Code, можете да създадете HTML шаблон (като полета за въвеждане) от нулата – като използвате директно полето за чат на разширението. Например, можете да му кажете да създаде HTML шаблон за регистрация на потребител.

Но какво ще стане, ако пишете приложение, което изобразява данни директно в HTML (не-SPA) и искате шаблон, специфичен за проекта? Можете да използвате разширението ChatGPT във VS Code, за да създадете HTML шаблони, които показват данните от бекенда на потребителите.

Например, ако използвате Базирана на MVT архитектура рамка като Django, можете да използвате разширението, за да създавате HTML шаблони за вашите Django изгледи.

Отново, за този тип случай на употреба, може да искате да щракнете върху Попитайте Codebase отметка за ChatGPT за достъп до вашата кодова база.

7. Единичен тест на вашия код

Колкото и съществено да е тестването на модула, то може да изразходва време. Можете да използвате разширението VS Code ChatGPT, за да генерирате модулни тестове за вашия код и да спестите ценно време за разработка.

Въпреки че разширението ChatGPT има вградена подкана за генериране на модулни тестове, може да искате да напишете персонализирана подкана, като използвате Попитайте Codebase опция за специфичност и по-добър резултат.

Помолихме ChatGPT да напише единичен тест за крайна точка за регистрация, създадена с помощта на FastAPI на Python:

Той взе проби от кодовата база ефективно, за да генерира необходимия единицен тест:

8. Намерете потенциални уязвимости в сигурността

Въпреки че може да не предоставя подробен анализ на сигурността, разширението VS Code ChatGPT може да бъде удобен инструмент за бързо проверете за уязвимости в сигурността на вашето приложение кодова база и ви спестява време за ръчно сканиране.

За да позволите на ChatGPT да сканира вашата кодова база, използвайте Попитайте Codebase опция (щракнете върху иконата на разширение и проверете Попитайте Codebase кутия).

Ако обикновено залагате на някои стари или нови функции на VS Code, не се колебайте да попитате как да се справите с IDE от разширението ChatGPT.

Например, можете да помолите разширението да препоръча най-добрите разширения за отстраняване на грешки на конкретен език за програмиране.

Или можете да му зададете по-технически въпрос, като например как да отворите VS Code от командния ред.

10. Пишете документация директно от VS Code

Можете да напишете подробна документация за част от код директно от VS Code с лекота, като използвате разширението ChatGPT.

Например, ето подробна документация на функция за създаване на връзка Zoom (във HTML формат), която генерирахме с помощта на разширението VS Code ChatGPT:

Кодирайте ефективно с ChatGPT във VS Code

Като програмист в бързо развиващ се интернет вие искате да постигнете минимален жизнеспособен продукт за най-малкото минимално време. Въпреки че ChatGPT не е напълно надежден, той може да помогне на вашето развитие, ако се използва творчески. И има много повече случаи на използване на ChatGPT в програмирането. Въпреки всичко казано, уверете се, че валидирате резултатите на ChatGPT, тъй като понякога те могат да бъдат подвеждащи.