In this video, Visual Studio Code (with Pamela Fox) shows how to debug and improve a full-stack chat app using GitHub Copilot Chat, exploring advanced chat modes, agentic development, and AI-driven web app troubleshooting.

Debugging a Full-Stack Chat App with GitHub Copilot Chat in VS Code

Featuring: Pamela Fox via Visual Studio Code

Overview

This video guide walks through fixing and optimizing a full-stack chat application with GitHub Copilot Chat inside Visual Studio Code. The session demonstrates:

Setting up and leveraging Copilot’s Ask and Agent modes
Customizing chat modes with MCP servers
Using AI-powered suggestions to debug and improve app code
Managing commits after debugging

Key Topics Covered

Getting Started: Utilizing Azure OpenAI and AI Search
Agent Mode Demo: Identifying and fixing issues interactively
Custom Chat Modes: Building and using a specialized “fixer” chat mode for targeted problem solving
Actionable Debugging: Applying AI guidance, reviewing changes, and committing improvements

Practical Takeaways

How to integrate custom chat modes for Copilot in VS Code
When to use Ask versus Agent mode to optimize your workflow
Incorporating prompt-driven development into daily coding tasks
Example repository and resources for experimenting with Copilot extensions

Resources

About the Presenter

Pamela Fox demonstrates advanced usage of GitHub Copilot Chat modes, providing insight into prompt-driven workflow enhancements for developers using VS Code.