> ## Documentation Index
> Fetch the complete documentation index at: https://notes.kodekloud.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Configuring Copilot Visual Studio
> Guide to installing and configuring GitHub Copilot and Copilot Chat in Visual Studio Code, including settings, workspace instructions, language tips, and an example Flask context.
I have [Visual Studio Code](https://code.visualstudio.com/) open with the project I'm about to work on. In this guide we'll install and configure [GitHub Copilot](https://github.com/features/copilot) so it can assist while you code.
## Install the extension
1. Open View → Extensions (or press `Ctrl+Shift+X` / `Cmd+Shift+X`).
2. Search for "GitHub" and locate **GitHub Copilot**.
3. Click **Install**. After installation the extension will prompt you to sign in to [GitHub](https://github.com/) via your browser if you haven't already authenticated.
If you already have GitHub authentication configured in VS Code (for example via the official "GitHub" extension), Copilot will reuse that and you can skip the browser login.
Example terminal prompt you may see while signing in:
```bash theme={null}
jeremy@Jeremys-Mac-Studio fakedatagenerator %
```
## About GitHub Copilot Chat
When you install GitHub Copilot, the "GitHub Copilot Chat" extension is often added alongside it. Open the Copilot Chat panel from the status area (lower-right). Unlike a standard web chat, Copilot Chat can read the files in your workspace to provide context-aware suggestions—this makes generated code, refactors, and explanations more relevant to the project you're editing.
[GitHub Copilot Chat](https://docs.github.com/en/copilot/getting-started-with-github-copilot/about-github-copilot-chat) can read files in your workspace to provide context-aware suggestions and to help with code generation, refactors, and explanations.
You can enable or disable inline completions from the Copilot menu. Some developers prefer to disable completions while sketching ideas and re-enable them when ready for suggestions.
## Settings overview
GitHub Copilot exposes several settings inside VS Code. Review these areas to tailor Copilot to your workflow:
| Area | Why it matters | Example / Setting |
| --------------------------- | ------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- |
| Window profiles | Choose which VS Code profile opens a new window (useful if you maintain multiple profiles). | Use the VS Code Profiles UI to switch contexts. |
| Formatters | Default formatters may change how Copilot suggestions are applied. | Ensure your preferred formatter is selected in Settings. |
| Extensions & authentication | If you have the official GitHub extension with auth configured, Copilot will reuse it. | No extra sign-in required when auth is present. |
| Language enable/disable | Enable Copilot per-language using pattern matching. | Set patterns such as `\{ "*": true, "plaintext": false \}` or in Settings: `"{ \"*\": true, \"plaintext\": false }"` |
### Common Copilot settings examples
* Enable Copilot for all files except a few types:
* In Settings JSON: `"{ \"*\": true, \"plaintext\": false, \"markdown\": false }"`
* Disable inline completions temporarily via the Copilot menu or Settings.
Experimental or preview features can add capabilities but may be unstable. Enable preview features only if you want to test new behavior and accept potential instability.
## Tips on language-specific settings
* YAML: Copilot often generates helpful YAML for CI/CD and configuration files, but it can also produce irrelevant suggestions. Toggle Copilot for YAML per project if it becomes noisy.
* Experimental features: Enable preview features selectively when you want to try new capabilities, but be aware they can change frequently.
## Workspace instructions via settings.json
You can provide project-specific instructions that Copilot Chat will consult during code generation. Add these to your workspace `settings.json` to encode style or domain-specific guidance:
```json theme={null}
{
"github.copilot.chat.codeGeneration.instructions": [
"Use underscore for field names.",
"Use conventional commit message format."
]
}
```
This is useful to keep repository-wide conventions consistent when generating code with Copilot.
## Example code context (Flask)
Copilot is most useful when it can read and reason about your existing project files. Below is a small, corrected [Flask](https://flask.palletsprojects.com/) example that Copilot can use as context to suggest completions or new routes:
```python theme={null}
from flask import Flask, render_template, request, redirect
import uuid
import os
app = Flask(__name__)
app.debug = True if os.getenv("ENV") == "development" else False
todos = []
@app.route("/")
def home():
return render_template("index.html", todos=todos)
@app.route("/create-todo", methods=["POST"])
def create_todo():
new_todo = {
"id": str(uuid.uuid4()),
"title": request.form["title"],
"completed": False,
}
todos.append(new_todo)
return redirect("/")
@app.route("/update-todo/", methods=["POST"])
def update_todo(id):
for todo in todos:
if todo["id"] == id:
todo["completed"] = not todo["completed"]
break
return redirect("/")
```
Keep your code well-structured and properly documented—Copilot performs best when it has clear context from existing files.
## Next steps
Once Copilot and Copilot Chat are installed and configured:
* Try inline completions while editing real files to see contextual suggestions.
* Use the Copilot Chat pane to ask for code generation, explanations, or refactors—because the chat can read your workspace, answers are tailored to your codebase.
* Iterate on your workspace `settings.json` instructions to bake in repository conventions (naming, formatting, commit messages).
Try different workflows (completions on/off, chat prompts, project-specific instructions) to refine how Copilot supports your development process.
## Links and references
* [Visual Studio Code](https://code.visualstudio.com/)
* [GitHub Copilot](https://github.com/features/copilot)
* [GitHub Copilot Chat documentation](https://docs.github.com/en/copilot/getting-started-with-github-copilot/about-github-copilot-chat)
* [Flask documentation](https://flask.palletsprojects.com/)