How to Set Up GitHub Copilot in VS Code

Learn how to set up GitHub Copilot in VS Code in just a few easy steps. Boost your productivity with this AI-powered coding assistant.

What is GitHub Copilot?

GitHub Copilot is an AI-powered coding assistant developed by GitHub and OpenAI. It helps you write code faster by directly suggesting lines, functions, or entire blocks of code in your IDE.

What are AI-Powered Code Suggestions

Instead of typing everything manually, Copilot analyzes your code context and provides smart suggestions. It uses machine learning models trained on public code to offer real-time support.

Benefits for Programmers

1. Saves time by reducing repetitive tasks
2. Increases productivity
3. Supports multiple programming languages
4. Ideal for learning, prototyping, and exploring new APIs

Supported Languages and IDEs

GitHub Copilot works best with VS Code but also supports JetBrains and Neovim. It supports popular languages like:

1. JavaScript
2. Python
3. TypeScript
4. Go
5. Ruby
6. Java
7. C/C++

Step 1 – Install Visual Studio Code

Go to the official Visual Studio Code website and download the installer for your OS.

Windows:

1. Use the system installer (.exe)
2. Accept default settings

macOS:

1. Drag the VS Code app to your Applications folder

Linux:

1. Use Snap or download the .deb or .rpm file

Once installed, launch VS Code.

Step 2 – Sign in to GitHub

Inside VS Code:

1. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P)
2. Search for Sign in to GitHub
3. Authorize VS Code in your browser

Create a GitHub Account
If you don’t have one, head to GitHub.com and register for free.

Step 3 – Install the GitHub Copilot Extension

Now you’re ready to add Copilot to VS Code.

1. Open the Extensions View (Ctrl+Shift+X)
2. Search for GitHub Copilot
3. Click Install

You should now see a GitHub Copilot icon in the sidebar or status bar.

Step 4 – Enable GitHub Copilot

After installation, activate the extension:

1. Go to Settings > Extensions > GitHub Copilot
2. Click Enable Globally

You might be prompted to authorize Copilot. Follow the prompts in your browser.

Step 5 – Customize Copilot Settings

Inline vs Popup Suggestions

1. Inline: Suggestions appear directly as you type
2. Popup: Hover or use shortcuts to reveal suggestions

How to Adjust Autocomplete Behavior

1. Tab to accept suggestion
2. Keyboard shortcuts for next/previous suggestion
3. Auto-trigger toggle

Step 6 – Start Coding with GitHub Copilot

Now it’s time to see Copilot in action!

Try typing code in:

1. Python: Start with def or import
2. JavaScript: Start with a function or a const
3. HTML/CSS: Start with or body

Just start typing. Copilot automatically suggests the next line or block. Press Tab to accept the suggestions.

GitHub Copilot Features and Capabilities:

1. Code Completion: Line-by-line or whole block suggestions
2. Function Suggestions: Autocomplete functions from comments
3. Documentation and comments
4. Refactoring: Help Suggests cleaner or alternate solutions

Best Practices When Using Copilot

1. Always review Copilot’s code
2. Don’t blindly accept suggestions for sensitive logics
3. Use version control to track changes
4. Combine Copilot with manual coding for the best results

External Resources and Learning Paths

GitHub Copilot Docs

VS Code Extension Marketplace

GitHub Copilot YouTube channel

If you Drupal Developer, learn how to upgrade from D10 to D11