Использование GitHub Copilot с JavaScript

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

В этом уроке давайте обсудим, как Copilot может помочь вам с существующими проектами и помочь вам с более сложными задачами.

Разработка с помощью GitHub Copilot

Часто при создании проектов необходимо постоянно гарантировать, что наш код свежий и обновленный. Кроме того, нам может потребоваться устранить все ошибки, которые появляются или добавить новые функции, чтобы улучшить ее функциональные возможности и удобство использования. Давайте рассмотрим несколько способов обновления с помощью GitHub Copilot и GitHub Copilot Chat, интерактивного интерфейса чата, который будет задавать и получать ответы на вопросы, связанные с кодом.

Техника подсказок

Хотя GitHub Copilot может предлагать код по мере ввода, можно также создавать запросы на создание полезных предложений. Запрос, который является нашим вводом, представляет собой коллекцию инструкций или рекомендаций, которые помогают создать код. Подсказка полезна для получения конкретных ответов от Copilot. Запрос может быть комментарием или вводом при использовании GitHub Copilot Chat, который направляет Copilot для создания кода для вас или дополняет код, который он автозаполняет.

Качество выходных данных от Copilot зависит от того, насколько хорошо вы создадите подсказку. Создание эффективного запроса является важным для достижения требуемых результатов. Например, если у вас есть следующий запрос:

// Create an API endpoint

Так как запрос неоднозначный и расплывчатый, результат от GitHub Copilot может не быть тем, что вам нужно. Например, он может использовать фреймворк, который вы не знаете, или точку доступа, требующую данных, которые вы не узнаете. Однако если у вас есть следующий запрос:

// Create an API endpoint using the React framework that accepts a JSON payload in a POST request

Последний запрос является конкретным, понятным и позволяет GitHub Copilot понять цель и область задачи. Хотя вы также можете предоставить контекст и примеры в Copilot с помощью комментариев или кода, вы также можете использовать вариант чата GitHub Copilot Chat. Наличие хорошего запроса гарантирует, что модель создает высококачественные выходные данные.

Рекомендации по использованию GitHub Copilot

Copilot значительно повысит вашу продуктивность, но требует соблюдения некоторых практик для обеспечения качества. Ниже приведены некоторые рекомендации при использовании Copilot:

• Сначала делайте запросы простыми, а затем по мере продвижения добавляйте более сложные компоненты, например:

  create an HTML form with a text field and button
  

  Далее уточните запрос, чтобы получить более конкретные предложения.

  Add an event listen to the button to send a POST request to /generate endpoint and display response in a div with id "result"
  

• Переключаться между предложениями можно с помощью Ctrl+Enter (или Cmd+Enter на Mac). Вы получаете различные предложения из Copilot, и вы можете выбрать лучшие выходные данные. При необходимости при использовании GitHub Copilot Chat можно использовать входные данные чата для добавления запроса и взаимодействия с выходными данными.

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