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

  • 3 мин

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

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

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

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

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

Хотя GitHub Copilot может предлагать код по мере ввода, можно также создавать запросы на создание полезных предложений. Запрос, который является нашим вводом, представляет собой коллекцию инструкций или рекомендаций, которые помогают создать код. Запрос полезен для создания конкретных ответов от Copilot. Запрос может быть комментарием или вводом при использовании GitHub Copilot Chat, который управляет Copilot для создания кода от вашего имени или написания кода, который 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+ВВОД (или + на Компьютере Mac). Вы получаете различные предложения из Copilot, и вы можете выбрать лучшие выходные данные. При необходимости при использовании GitHub Copilot Chat можно использовать входные данные чата для добавления запроса и взаимодействия с выходными данными.

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

Примечание.

GitHub Copilot использует открытые файлы в текстовом редакторе в качестве дополнительного контекста. Это полезно, так как оно предоставляет полезную информацию в дополнение к запросу или коду, который вы можете написать. Если вам нужен GitHub Copilot для предоставления предложений на основе других файлов, которые можно открыть или использовать @workspace с запросом при использовании чата GitHub Copilot.