Getting started with GitHub Copilot

About GitHub Copilot and Visual Studio Code

GitHub Copilot은 코딩할 때 AI 쌍 프로그래머의 자동 완성 스타일 제안을 제공합니다. 자세한 내용은 "GitHub Copilot Individual 정보"을(를) 참조하세요.

If you use Visual Studio Code, you can view and incorporate suggestions from GitHub Copilot directly within the editor. This guide demonstrates how to use GitHub Copilot within Visual Studio Code for macOS, Windows, or Linux.

Prerequisites

• GitHub Copilot을(를) 사용하려면 활성 GitHub Copilot 구독이 필요합니다. 자세한 내용은 "GitHub Copilot 청구 정보"을 참조하세요.

• To use GitHub Copilot in Visual Studio Code, you must have Visual Studio Code installed. For more information, see the Visual Studio Code download page.

Installing the GitHub Copilot extension in Visual Studio Code

To use GitHub Copilot, you must first install the GitHub Copilot extension.

1. In the Visual Studio Code Marketplace, go to the GitHub Copilot extension page and click Install.

2. A popup will appear, asking to open Visual Studio Code. Click Open Visual Studio Code.

3. In the "Extension: GitHub Copilot" tab in Visual Studio Code, click Install.

4. If you have not previously authorized Visual Studio Code in your GitHub account, you will be prompted to sign in to GitHub in Visual Studio Code.

   • If you have previously authorized Visual Studio Code for your account on GitHub, GitHub Copilot will be automatically authorized.

   • If you don't get the prompt to authorize, click the bell icon in the bottom panel of the Visual Studio Code window.

     

5. In your browser, GitHub will request the necessary permissions for GitHub Copilot. To approve these permissions, click Authorize Visual Studio Code.

6. To confirm the authentication, in Visual Studio Code, in the "Visual Studio Code" dialog box, click Open.

Seeing your first suggestion

GitHub Copilot은 다양한 언어와 광범위한 프레임워크에 대한 제안을 제공하지만 Python, JavaScript, TypeScript, Ruby, Go, C# 및 C++에서 특히 잘 작동합니다. GitHub Copilot은(는) 데이터베이스에 대한 쿼리 생성에도 도움이 될 수 있습니다. The following samples are in JavaScript, but other languages will work similarly.

1. Visual Studio Code에서 새 JavaScript(*.js) 파일을 만듭니다.

2. In the JavaScript file, type the following function header. GitHub Copilot will automatically suggest an entire function body in grayed text, as shown below. The exact suggestion may vary.

   JavaScript

   function calculateDaysBetweenDates(begin, end) {
   

3. 제안을 수락하려면 Tab 키를 누릅니다.

Seeing alternative suggestions

GitHub Copilot이 특정 입력에 대해 여러 제안을 제공할 수 있습니다. 사용할 제안을 선택하거나 모든 제안을 거부할 수 있습니다.

1. Visual Studio Code에서 새 JavaScript(*.js) 파일을 만듭니다.

2. In the JavaScript file, type the following function header. GitHub Copilot will show you a suggestion.

   JavaScript

   function calculateDaysBetweenDates(begin, end) {
   

3. 필요에 따라 대체 제안을 볼 수 있습니다(사용할 수 있는 경우).

   OS	See next suggestion	See previous suggestion
   macOS	Option (⌥) or Alt+]	Option (⌥) or Alt+[
   Windows	Alt+]	Alt+[
   Linux	Alt+]	Alt+[

4. Alternatively, you can hover over the suggestion to see the GitHub Copilot command palette for choosing suggestions.

5. 제안을 수락하려면 Tab 키를 누릅니다. 모든 제안을 거부하려면 Esc 키를 누릅니다.

Partially accepting suggestions

You may not want to accept an entire suggestion from GitHub Copilot. You can use keyboard shortcuts to accept either the next word of a suggestion, or the next line.

1. Visual Studio Code에서 새 JavaScript(*.js) 파일을 만듭니다.

2. In the JavaScript file, type the following function header. GitHub Copilot will automatically suggest an entire function body in grayed text, as shown below. The exact suggestion may vary.

   JavaScript

   function calculateDaysBetweenDates(begin, end) {
   

3. If you want to accept only the next word of the suggestion, use one of the following keyboard shortcuts.

   OS	Accept Next Word
   macOS	Command+→
   Windows	Control+→
   Linux	Control+→

4. If you want to accept the next line of the suggestion, you will need to set a custom keyboard shortcut for the command editor.action.inlineSuggest.acceptNextLine. For more information on setting custom keyboard shortcuts, see "사용자 환경에서 GitHub Copilot 구성하기."

5. Alternatively, you can hover over the suggestion to see the GitHub Copilot command palette for choosing suggestions.

Seeing multiple suggestions in a new tab

초기 제안 GitHub Copilot의 제안 내용을 원하지 않을 수 있습니다. 바로 가기 키를 사용하여 GitHub Copilot에서 새 탭에 여러 제안 사항을 표시하도록 지정할 수 있습니다.

1. Visual Studio Code에서 새 JavaScript(*.js) 파일을 만듭니다.

2. In the JavaScript file, type the following function header. GitHub Copilot will show you a suggestion.

   JavaScript

   function calculateDaysBetweenDates(begin, end) {
   

3. To open a new tab with multiple additional options, press Ctrl+Enter.

4. To accept a suggestion, above the suggestion, click Accept Solution. To reject all suggestions, close the tab.

Generating code suggestions from comments

주석 내에서 자연어를 사용하여 수행할 작업을 설명할 수 있으며, GitHub Copilot은 목표를 달성하기 위한 코드를 제안합니다.

1. Visual Studio Code에서 새 JavaScript(*.js) 파일을 만듭니다.

2. In the JavaScript file, type the following comment. GitHub Copilot will suggest an implementation of the function.

   JavaScript

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

Using a framework

You can also use GitHub Copilot to generate suggestions for APIs and frameworks. The following example uses GitHub Copilot to create a simple Express server that returns the current time.

1. Visual Studio Code에서 새 JavaScript(*.js) 파일을 만듭니다.

2. In the JavaScript file, type the following comment and then press Enter. GitHub Copilot will suggest an implementation of the Express app.

   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. To accept each line, press Tab.

GitHub Copilot 사용 또는 사용 안 함

Visual Studio Code에서 GitHub Copilot을 사용하거나 사용하지 않도록 설정할 수 있습니다. Visual Studio Code 창의 아래쪽 패널에 있는 GitHub Copilot 상태 아이콘은 GitHub Copilot이 사용하도록 설정되었는지 여부를 나타냅니다. 사용하도록 설정하면 아이콘의 배경색이 상태 표시줄의 색과 일치합니다. 사용하지 않도록 설정하면 아이콘의 배경색이 상태 표시줄의 색과 대비됩니다.

1. GitHub Copilot을 사용하거나 사용하지 않도록 설정하려면 Visual Studio Code 창의 아래쪽 패널에서 상태 아이콘을 클릭합니다.

   

2. GitHub Copilot을 사용하지 않도록 설정하는 경우 전역적으로 또는 현재 편집 중인 파일의 언어에 대해 제안을 사용하지 않도록 설정할지 묻는 메시지가 표시됩니다.

   • GitHub Copilot에서 제안을 전역적으로 사용하지 않도록 설정하려면 전역적으로 사용하지 않음을 클릭합니다.
   • 지정된 언어에 대한 GitHub Copilot에서 제안을 사용하지 않으려면 언어에 대해 사용하지 않음을 클릭합니다.