Начало работы с GitHub Copilot в Visual Studio Code

Попробуйте GitHub Copilot

Сведения о GitHub Copilot и Visual Studio Code

GitHub Copilot предоставляет при написании кода предложения в стиле автозавершения от помощника на базе ИИ. Дополнительные сведения см. в разделе Сведения о GitHub Copilot для частных лиц.

Если вы используете Visual Studio Code, вы можете просматривать и включать предложения из GitHub Copilot непосредственно в редакторе. В этом руководстве описано, как использовать GitHub Copilot в Visual Studio Code для macOS, Windows или Linux.

Предварительные требования

• Для использования GitHub Copilot необходима активная подписка GitHub Copilot. Дополнительные сведения см. в разделе Сведения о выставлении счетов за GitHub Copilot.

• Чтобы использовать GitHub Copilot в Visual Studio Code, необходимо установить Visual Studio Code. Дополнительные сведения см. на странице загрузки Visual Studio Code.

Установка расширения Visual Studio Code

Чтобы использовать GitHub Copilot, сначала установите Visual Studio Code.

1. В Visual Studio Code Marketplace перейдите на страницу Расширение GitHub Copilot и щелкните Установить.

2. Появится всплывающее окно с просьбой открыть Visual Studio Code. Щелкните Открыть Visual Studio Code .

3. На вкладке "Расширение: GitHub Copilot" в Visual Studio Code щелкните Установить.

4. Если вы еще не авторизовали Visual Studio Code в учетной записи GitHub, появится запрос на вход в GitHub в Visual Studio Code.

   • Если вы уже авторизовали Visual Studio Code для учетной записи на GitHub, GitHub Copilot будет авторизован автоматически.

5. В браузере GitHub запросит необходимые разрешения для GitHub Copilot. Чтобы одобрить эти разрешения, щелкните Авторизовать Visual Studio Code .

6. В Visual Studio Code в диалоговом окне "Visual Studio Code" для подтверждения подлинности щелкните Открыть.

Просмотр первого предложения

GitHub Copilot предоставляет предложения для нескольких языков и платформ, среди которых лучше всего поддерживаются Python, JavaScript, TypeScript, Ruby, Go, C# и C++. Следующие примеры находятся на JavaScript, но другие языки будут работать аналогичным образом.

1. В Visual Studio Code создайте новый файл JavaScript ( *.js).

2. В файле JavaScript введите следующий заголовок функции. GitHub Copilot автоматически предложит весь текст функции, выделенный серым цветом, как показано ниже. Точное предложение может отличаться.

   JavaScript

   function calculateDaysBetweenDates(begin, end) {

3. Чтобы принять предложение, нажмите клавишу TAB.

Просмотр альтернативных предложений

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

1. В Visual Studio Code создайте новый файл JavaScript ( *.js).

2. В файле JavaScript введите следующий заголовок функции. GitHub Copilot покажет предложение.

   JavaScript

   function calculateDaysBetweenDates(begin, end) {

3. Вы можете просмотреть и альтернативные предложения, если они доступны.

   OS	Смотреть следующее предложение	Смотреть предыдущее предложение
   macOS	Option (⌥) или ALT+]	Option (⌥) или ALT+[
   Windows	ALT+]	ALT+[
   Linux	ALT+]	ALT+[

4. Кроме того, можно навести указатель мыши на предложение, чтобы просмотреть палитру команд GitHub Copilot для выбора предложений.

5. Чтобы принять предложение, нажмите клавишу TAB. Чтобы отклонить все предложения, нажмите клавишу ESC.

Просмотр нескольких предложений на новой вкладке

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

1. В Visual Studio Code создайте новый файл JavaScript ( *.js).
2. В файле JavaScript введите следующий заголовок функции. GitHub Copilot покажет предложение.
   JavaScript

   function calculateDaysBetweenDates(begin, end) {

3. Чтобы открыть новую вкладку с несколькими дополнительными параметрами, нажмите CTRL+ВВОД.
4. Чтобы принять предложение, над предложением нажмите кнопку Принять решение. Чтобы отклонить все предложения, закройте вкладку.

Создание предложений кода из комментариев

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

1. В Visual Studio Code создайте новый файл JavaScript ( *.js).
2. В файле JavaScript введите следующий комментарий. GitHub Copilot предложит реализацию функции.
   JavaScript

   // find all images without alternate text
   // and give them a red border
   function process() {

Использование платформы

Вы также можете использовать GitHub Copilot для создания предложений для API и платформ. В следующем примере для создания простого сервера Express, возвращающего текущее время, используется GitHub Copilot.

1. В Visual Studio Code создайте новый файл JavaScript ( *.js).
2. В файле JavaScript введите следующий комментарий и нажмите клавишу ВВОД. GitHub Copilot предложит реализацию приложения Express.
   JavaScript

   // Express server on port 3000

3. To accept each line, press Tab, then Enter.
4. Type the following comment and then press Enter. GitHub Copilot will suggest an implementation for the default handler.
   JavaScript

   // Return the current time

5. Чтобы принять каждую строку, нажмите клавишу TAB.

Включение или отключение GitHub Copilot

Вы можете включить или отключить GitHub Copilot в Visual Studio Code. Значок состояния GitHub Copilot на нижней панели окна Visual Studio Code указывает, включен или отключен параметр GitHub Copilot. Если этот параметр включен, цвет фона значка будет соответствовать цвету строки состояния. Если этот параметр выключен, цвет фона значка будет контрастировать с цветом строки состояния.

1. Чтобы включить или отключить GitHub Copilot, щелкните значок состояния на нижней панели окна Visual Studio Code.

   

2. Если вы отключаете GitHub Copilot, появится запрос, следует ли отключить предложения глобально или для языка файла, который вы редактируете.

   • Чтобы отключить предложения от GitHub Copilot глобально, нажмите кнопку Отключить глобально.
   • Чтобы отключить предложения из GitHub Copilot для указанного языка, щелкните Отключить для ЯЗЫКА.

Дополнительные сведения

• GitHub Copilot