Using GitHub Copilot Chat Modes

What does this code do?

Fix the bug in this function.

function fetchData(url) {
    const response = await fetch(url);
    return response.json();
}

function fetchData(url) {
    try {
        const response = await fetch(url);
        return response.json();
    } catch (error) {
        console.error("Failed to fetch data:", error);
        throw error;
    }
}

# .copilot/config.yaml
agent:
  enabled: true
  model: gpt-4
  max_tokens: 2048
  temperature: 0.7

# In the Copilot Chat window, use the mode selector dropdown:
# - Select "Explain" to explain a selected code snippet
# - Choose "Fix" to resolve an error in your code
# - Pick "Review" to get feedback on code quality

// Open the Copilot Chat panel in VS Code
// Type a natural language query like:
// "Explain how this React component works"

// The AI will respond with explanations and suggestions
// You can also ask it to generate code:
// "Generate a useEffect hook that fetches user data"

// Inline chat allows real-time interaction with Copilot
// No need to switch between panels or windows

#src/main.js

#src/main.js:1-20

function calculateTotal(items) {
  return items.reduce((sum, item) => sum + item.price, 0);
}

// In Copilot Chat:
// "Summarize the calculateTotal function"

function processData(data) {
    // Select this function body and use #selection
    // to generate JSDoc comments based on the code
    return data.map(item => item * 2);
}

// Paste the entire file content into the chat and request
// a specific refactoring pattern across the whole document
// Example: Replace all instances of 'var' with 'let'
// in the entire editor content

/history export

github copilot chat export --session-id <session-id> --format markdown

{
  "copilot.chat.responseLength": "medium"
}

# .chatmode.md
name: "Custom AI Assistant"
description: "A custom mode for AI-assisted development with specific rules"
rules:
  - type: "language"
    value: "javascript"
  - type: "style"
    value: "concise"
  - type: "output"
    value: "code"