How to Use GitHub Copilot in GitHub Codespaces

You want to write code faster with AI assistance inside a cloud-based development environment. GitHub Copilot paired with GitHub Codespaces gives you inline code suggestions directly in your browser-based IDE. This combination eliminates the need to install tools locally while still getting real-time completions, function generation, and chat support. This article explains how to set up Copilot in Codespaces, configure the extension, and use its core features effectively.

How GitHub Copilot Works in Codespaces

GitHub Copilot is an AI pair programmer that suggests code as you type. It uses the OpenAI Codex model trained on public code repositories. In Codespaces, Copilot runs as a Visual Studio Code extension inside the browser-based editor. The extension communicates with the Copilot backend service through your GitHub account. It does not require any local installation on your machine. All processing happens in the cloud, and suggestions appear inline in the editor window.

To use Copilot in Codespaces, you need an active GitHub Copilot subscription. Individual, Business, or Enterprise plans all work. You also need a GitHub account with at least one repository. Codespaces must be enabled for your account or organization. The Copilot extension is available in the Visual Studio Code Marketplace and can be added to your Codespace configuration.

Prerequisites

Before you start, verify the following items are in place:

• A GitHub account with an active Copilot subscription. Check your status at github.com/settings/copilot.
• Codespaces enabled for your account. Go to github.com/settings/codespaces and ensure the feature is active.
• A repository you can open in Codespaces. Any public or private repository works.
• A browser that supports Codespaces. Chrome, Firefox, Edge, and Safari all work.

Steps to Set Up GitHub Copilot in Codespaces

Follow these steps to start using Copilot inside a Codespace. The process involves enabling the extension in your account and then creating a Codespace.

1. Enable Copilot for your GitHub account
   Go to github.com/settings/copilot and click the Enable Copilot button if it is not already active. Select your plan type. For Business or Enterprise users, your organization admin may need to grant access first.
2. Open a repository in Codespaces
   Navigate to any repository on GitHub. Click the green Code button and select the Codespaces tab. Click Create codespace on main to launch a new environment. Wait for the browser-based editor to load.
3. Install the Copilot extension
   In the Codespaces editor, open the Extensions view by clicking the Extensions icon in the left sidebar or pressing Ctrl+Shift+X. Search for GitHub Copilot and click Install. The extension activates automatically after installation.
4. Sign in to Copilot
   After installation, a GitHub authentication prompt appears in the bottom-right corner. Click Sign in and follow the browser-based authorization flow. Allow the requested permissions. The Copilot icon in the status bar turns from gray to orange to indicate it is active.
5. Test Copilot with a code comment
   Open a new file by clicking File > New File. Type a comment describing a function, such as // function to calculate factorial. Press Enter. Copilot suggests a code block. Press Tab to accept the suggestion.

Configure Copilot in devcontainer.json

To make the Copilot extension available in every Codespace for a repository, add it to the devcontainer.json configuration file. This file lives in the .devcontainer folder at the root of your repository. If the folder does not exist, create it.

1. Create or open devcontainer.json
   In your repository, navigate to .devcontainer/devcontainer.json. If the file does not exist, create it with an empty JSON object.
2. Add the extensions array
   Insert the following JSON into the file: {"extensions": ["GitHub.copilot"]}. Save the file and commit it to the repository.
3. Rebuild the Codespace
   Open the command palette with Ctrl+Shift+P, type Rebuild Container, and select the option. The Codespace rebuilds with the Copilot extension pre-installed.

Common Copilot Usage Patterns in Codespaces

Once Copilot is active, you can use several interaction patterns to get the best results.

Inline Code Completions

As you type code, Copilot suggests completions in gray text. Press Tab to accept the full suggestion. Press Ctrl+Right arrow to accept a single word. Press Escape to dismiss the suggestion. To cycle through multiple suggestions, press Alt+] for the next suggestion and Alt+[ for the previous one. Open the completions panel by pressing Ctrl+Enter to see a list of up to ten alternatives.

Copilot Chat

The Copilot Chat extension provides a conversational interface. Install the GitHub Copilot Chat extension from the Extensions view. Open the chat panel by clicking the Chat icon in the left sidebar or pressing Ctrl+Shift+I. Type questions about your codebase, such as Explain this function or Generate a unit test for this class. The chat uses the current file context to provide relevant answers.

Code Transformations with Inline Chat

Select a block of code in the editor. Press Ctrl+I to open the inline chat prompt. Type a transformation command, such as Convert this to async/await or Add error handling. Copilot modifies the selected code directly in the editor. Review the change and accept or reject it.

If Copilot Is Not Working in Codespaces

Several issues can prevent Copilot from functioning correctly in a Codespace. Check these common problems and their fixes.

Copilot Extension Not Installed

The most common cause is a missing extension. Open the Extensions view and verify that GitHub Copilot appears in the list. If it is missing, install it manually. If you use a devcontainer.json configuration, ensure the extensions array includes GitHub.copilot and rebuild the container.

Authentication Failure

If the Copilot icon in the status bar is gray, you are not signed in. Click the icon and follow the authentication flow. If the browser-based authorization fails, open the command palette with Ctrl+Shift+P, type GitHub Copilot: Sign In, and complete the process again. Check that your Copilot subscription is active in your GitHub settings.

Suggestions Not Appearing

Copilot may stop suggesting code if the file type is not supported. Copilot supports most programming languages including Python, JavaScript, TypeScript, Ruby, Go, Java, and C#. If you are working in a Markdown or YAML file, Copilot may not provide completions. Also verify that the Copilot extension is enabled by checking the status bar icon. If the icon is orange, Copilot is active.

Codespace Resource Limits

Free-tier Codespaces have limited core hours per month. If you reach the limit, Codespaces stop and Copilot cannot function. Check your usage at github.com/settings/billing. Upgrade to a paid plan or wait for the monthly reset.

GitHub Copilot in Codespaces vs Local VS Code: Key Differences

Item	Codespaces	Local VS Code
Installation	Extension installed via browser Extensions view or devcontainer.json	Extension installed from VS Code Marketplace on your machine
Performance	Depends on Codespace VM specs and network latency	Depends on local CPU, RAM, and internet speed
Persistence	Configuration shared via devcontainer.json in the repository	Configuration stored in local user settings
Authentication	Requires GitHub OAuth flow in the browser	Requires GitHub OAuth flow in VS Code
Cost	Uses Codespace compute hours plus Copilot subscription	Only Copilot subscription required

Things to Avoid When Using Copilot in Codespaces

Avoid these mistakes to keep Copilot running smoothly.

Forgetting to Add Copilot to devcontainer.json

If you do not add the Copilot extension to devcontainer.json, each new Codespace requires manual installation. This wastes time and can cause confusion for team members. Always include GitHub.copilot in the extensions array.

Using Copilot with Unsaved Files

Copilot uses the current file context to generate suggestions. If you work in an unsaved file, Copilot has less context and may produce lower-quality suggestions. Save your file with a proper extension before writing code.

Ignoring Copilot Suggestions That Contain Licensing Issues

Copilot may suggest code that matches public repositories. Review suggestions for potential licensing conflicts, especially in commercial projects. Use Copilot settings to block suggestions that match public code by enabling the Block suggestions matching public code option in your GitHub Copilot settings.

Conclusion

You can now set up GitHub Copilot in Codespaces and use inline completions, chat, and inline transformations. Start by enabling Copilot in your GitHub account, creating a Codespace, and installing the extension. Add the extension to devcontainer.json to automate setup for your team. For faster code generation, practice using Ctrl+Enter to browse multiple suggestions and Ctrl+I for inline code transformations.