Поднимите производительность программирования на новый уровень, интегрировав 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 работают одинаково. Но мы будем придерживаться Расширение EasyCode ChatGPT для этой статьи, так как он вполне подходит для демонстрации вариантов использования ChatGPT в VS Code. Он поддерживает GPT-4 и GPT-3.5, имеет уровень бесплатного пользования и не требует ключа API.

Чтобы установить расширение ChatGPT в VS Code:

  1. Откройте VS Code и щелкните значок настроек в левом нижнем углу левой боковой панели.
  2. Идти к Расширения.
  3. В качестве альтернативы нажмите Ctrl + Shift + X (Команда + Shift + X для Mac), чтобы напрямую открыть рынок расширений.
  4. Введите «ChatGPT — EasyCode» в строке поиска в левом верхнем углу.
  5. Щелкните расширение, когда увидите его.
  6. Наконец, нажмите Установить.
  7. После установки вы увидите значок расширения на левой боковой панели.
  8. Щелкните значок расширения. Нажмите Попробуйте без учетной записи. Но не стесняйтесь Войти если у вас есть аккаунт или Зарегистрироваться для новой учетной записи у поставщика расширения.

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

  1. Чтобы использовать встроенную подсказку, выделите целевой код и щелкните его правой кнопкой мыши. Выберите любую из доступных подсказок.
  2. Чтобы написать собственное приглашение, щелкните правой кнопкой мыши выделенный код и выберите «Спросить GPT». Введите приглашение в поле чата вверху и нажмите Входить.

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

Если вы открыли VS Code в своем базовом каталоге кода и хотите, чтобы ChatGPT получил доступ к базовым модулям:

  1. Щелкните значок расширения на левой боковой панели. Затем проверьте Спросите кодовую базу коробка.
  2. Скопируйте целевой код и вставьте его в окно чата.
  3. Введите подсказку под кодом (нажмите Shift+Ввод) в чате.
  4. Нажимать Входить или щелкните значок отправки.

Теперь давайте рассмотрим различные способы использования ChatGPT в VS Code.

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

ChatGPT оказался полезным для изменения процедурного, функционального и объектно-ориентированного кода.

Например, используя это расширение, мы попросили ChatGPT реорганизовать приведенный ниже ошибочный код, функцию Python для создания произвольного словаря и добавления «Купить» к каждому значению.

дефmakeDict(сущ.: ул, **kwargs)->дикт:
 некоторые: дикт
для ключ, значение в kwargs.items():
 некоторые = п+" "+значение
возвращаться некоторый
новыйDict = makeDict("Купить", элемент1="Книга ТГП", пункт2=«Учебник по Java», пункт3=«Походный путеводитель»)

Он довольно хорошо сгенерировал правильный код, который дает ожидаемый результат, с подробными причинами модификации:

Далее, вы можете использовать Задать вопрос поле, чтобы указать ChtGPT преобразовать код в класс и показать, как его создать:

Сгенерированный выше код является более модульным и пригодным для повторного использования.

2. Отладьте свой код

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

Хотя встроенной подсказки для отладки нет, вы можете использовать Спросите GPT возможность создать собственное приглашение для отладки кода.

Мы попросили расширение ChatGPT отладить код, который мы использовали ранее. Не только отладил. Он объяснил это и сгенерировал правильный, включая ожидаемый результат.

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

Вы можете захотеть написать программу на каком-то конкретном языке помимо вашего ядра. Вы можете написать свой код на своем основном языке и попросить ChatGPT переписать его на выбранном языке программирования.

Однако для сгенерированного кода может потребоваться небольшой человеческий ввод, поскольку в некоторых случаях ChatGPT может не предоставить полностью работающий преобразованный код.

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

Вы можете добиться этого, щелкнув правой кнопкой мыши по выделенному коду и выбрав Спросите GPT вариант.

Вот наша подсказка в VS Code:

Хотя он дважды сгенерировал эквивалент C, прежде чем получить его правильно, окончательный код работает.

4. Создайте компонент внешнего интерфейса для вашего API

Если вы написали API с разными конечными точками, вы можете попросить расширение ChatGPT предоставить внешний компонент для его использования с использованием определенной платформы. Это может быть React, Vue или Angular.

Например, мы использовали расширение для создания компонента React для создания расписания собраний на основе конечной точки API, созданной с помощью FastAPI Python:

Как и выше, вы можете проверить Спросите кодовую базу box, если вы имеете дело с большой кодовой базой.

После ссылки на нашу кодовую базу расширение 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.

Опять же, для этого типа использования вы можете нажать кнопку Спросите кодовую базу установите флажок для ChatGPT, чтобы получить доступ к вашей кодовой базе.

7. Модульное тестирование вашего кода

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

Хотя расширение ChatGPT имеет встроенную подсказку для создания модульных тестов, вы можете написать пользовательскую подсказку, используя Спросите кодовую базу вариант для специфичности и лучшего результата.

Мы попросили ChatGPT написать модульный тест для конечной точки регистрации, созданной с помощью FastAPI Python:

Он эффективно использовал кодовую базу для создания необходимого модульного теста:

8. Найдите потенциальные уязвимости безопасности

Хотя расширение VS Code ChatGPT может не обеспечивать детальный анализ безопасности, оно может быть удобным инструментом для быстрого проверьте наличие уязвимостей в безопасности вашего приложения базу кода и сэкономить время на ручном сканировании.

Чтобы разрешить ChatGPT сканировать вашу кодовую базу, используйте Спросите кодовую базу вариант (щелкните значок расширения и проверьте Спросите кодовую базу коробка).

Если вы обычно играете в азартные игры со старыми или новые функции VS Code, не стесняйтесь спрашивать, как использовать IDE из расширения ChatGPT.

Например, вы можете попросить расширение порекомендовать лучшие расширения для отладки определенного языка программирования.

Или вы можете задать более технический вопрос, например, как открыть VS Code из командной строки.

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

Вы можете легко написать подробную документацию для фрагмента кода непосредственно из VS Code, используя расширение ChatGPT.

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

Эффективно кодируйте с помощью ChatGPT в VS Code

Как программист в быстро меняющемся Интернете, вы хотите создать минимально жизнеспособный продукт за минимальное время. Хотя ChatGPT не совсем надежен, он может помочь вам в разработке, если использовать его творчески. И есть еще много вариантов использования ChatGPT в программировании. Однако, несмотря на все вышесказанное, убедитесь, что вы проверяете результаты ChatGPT, поскольку иногда они могут вводить в заблуждение.