Getting code suggestions in your IDE with GitHub Copilot

About GitHub Copilot and Visual Studio Code

This guide demonstrates how to get coding suggestions from GitHub Copilot in Visual Studio Code. To see instructions for other popular coding environments, use the tool switcher at the top of the page.

Copilot in VS Code provides two kinds of suggestions:

• Code completion. Copilot offers coding suggestions as you type. You can also describe something you want to do using natural language within a comment, and Copilot will suggest the code to accomplish your goal.
• 다음 편집 제안 (공개 미리 보기). Based on the edits you are making, Copilot will predict the location of the next edit you are likely to make and suggest a completion for it.

The examples in this guide use JavaScript, however other languages will work similarly. GitHub Copilot은 다양한 언어와 광범위한 프레임워크에 대한 제안을 제공하지만 Python, JavaScript, TypeScript, Ruby, Go, C# 및 C++에서 특히 잘 작동합니다. GitHub Copilot은(는) 데이터베이스에 대한 쿼리 생성, API 및 프레임워크에 대한 제안 생성을 지원하며 코드 개발로서의 인프라에 도움이 될 수 있습니다.

Prerequisites

• Access to Copilot. To use GitHub Copilot in Visual Studio Code, you need either limited access through Copilot Free or a paid Copilot plan for full access. Copilot에 액세스하는 방법에 대한 자세한 정보는 What is GitHub Copilot?을(를) 참조하세요.

• Sign in to GitHub in Visual Studio Code. See Set up GitHub Copilot in Visual Studio Code in the VS Code documentation..

• Visual Studio Code. 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.

• Copilot in Visual Studio Code. When you set up GitHub Copilot in Visual Studio Code for the first time, the required extensions are installed automatically. You don't need to download or install them manually. For detailed instructions, see Set up GitHub Copilot in Visual Studio Code in the Visual Studio Code documentation.

Getting code suggestions

GitHub Copilot offers coding suggestions as you type. For example, type this function header in a JavaScript file:

function calculateDaysBetweenDates(begin, end) {

function calculateDaysBetweenDates(begin, end) {

GitHub Copilot will automatically suggest the rest of the function. 제안을 수락하려면 Tab 키를 누릅니다.

You can also describe something you want to do using natural language within a comment, and Copilot will suggest the code to accomplish your goal. For example, type this comment in a JavaScript file:

// write a function to
// find all images without alternate text
// and give them a red border

// write a function to
// find all images without alternate text
// and give them a red border

GitHub Copilot will automatically suggest code. 제안을 수락하려면 Tab 키를 누릅니다.

Showing alternative suggestions

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

For example, type this function header in a JavaScript file, and press Enter:

function calculateDaysBetweenDates(begin, end) {

function calculateDaysBetweenDates(begin, end) {

GitHub Copilot will show you a suggestion.

Now hover over the suggestion to show the GitHub Copilot control for choosing suggestions. To display next or previous suggestions, click the forward or back arrow button in the control.

You can also use keyboard shortcuts to show alternative suggestions:

제안을 수락하려면 Copilot 명령 팔레트에서 "수락"을 클릭하거나 Tab 키를 누릅니다. 모든 제안을 거부하려면 Esc 키를 누릅니다.

Showing multiple suggestions in a new tab

초기 제안 GitHub Copilot 제안을 사용하지 않으려면 새 탭에 여러 제안을 표시할 수 있습니다.

For example, type this function header in a JavaScript file, and press Enter:

function calculateDaysBetweenDates(begin, end) {

function calculateDaysBetweenDates(begin, end) {

GitHub Copilot will show you a suggestion. Now press Ctrl+Enter to open a new tab with multiple additional options.

To accept a suggestion, below the suggestion, click Accept suggestion NUMBER. To reject all suggestions, close the tab.

Accepting partial suggestions

If you don't want to accept an entire suggestion from GitHub Copilot, you can accept the next word or the next line of a suggestion.

For example, type this function header in a JavaScript file, and press Enter:

function calculateDaysBetweenDates(begin, end) {

function calculateDaysBetweenDates(begin, end) {

GitHub Copilot will automatically suggest an entire function body in grayed text. The exact suggestion may vary.

Now hover over the suggestion to show the GitHub Copilot control for choosing suggestions. To accept only the next word of the suggestion, click Accept Word in the control.

Alternatively, you can use a keyboard shortcut to accept the next word of a suggestion:

If you want to accept the next line of a 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 Configuring GitHub Copilot in your environment.

About 다음 편집 제안

Inline suggestions autocomplete code, but many development tasks involve editing existing code. 다음 편집 제안 assists with edits both at the cursor and in other relevant parts of the code, helping maintain consistency and streamline changes.

다음 편집 제안 predicts where and what edits may be needed based on ongoing changes. Suggestions may span a single symbol, an entire line, or multiple lines, depending on the scope of the potential change.

To enable 다음 편집 제안, see Configuring GitHub Copilot in your environment.

Navigating and accepting suggestions

You can navigate suggested code changes using Tab, making it easier to find the next relevant edit without manually searching through files or references. Press Tab again to accept a suggestion.

An arrow in the gutter indicates an available edit suggestion. Hover over the arrow to access the edit suggestion menu, which provides keyboard shortcuts and settings options. If an edit suggestion is outside the current editor view, the arrow will point up or down to indicate where the next suggestion is.

For more details and examples, see Code completions with GitHub Copilot in VS Code in the Visual Studio Code documentation.

Changing the AI model

You can change the large language model that's used to generate code completion suggestions. For more information, see Changing the AI model for Copilot code completion.