In this video, we will demo how to build your first app - a URL Shortener - with Agent Mode in Plan Mode from scratch!

🔎 Chapters:
00:00 In this session
00:17 Demo - Creating a URL Shortener App using Plan Mode
07:18 In Summary
07:59 Wrap

📲 Follow VS Code:
X: https://x.com/code
Bluesky: https://bsky.app/profile/vscode.dev
YouTube:    / code  
LinkedIn:   / 104107263  
GitHub: https://github.com/microsoft/vscode

#vscode #agents

Visual Studio Code is a lightweight and powerful code editor developed by Microsoft, offering built-in support for multiple programming languages, debugging, and extensions. From this resource developers can learn about VSCode's features, extensions, and customization options to enhance their coding productivity and workflow.

Visual Studio Code

A walkthrough demo of VS Code's GitHub Copilot agent mode (plan mode) to build a URL shortener from scratch. The demo covers using plan mode to outline requirements, answering clarifying questions from the agent, switching to autopilot for implementation, steering the agent mid-task (e.g., adding a dark theme), and running multiple sessions simultaneously. The project uses Python, FastAPI, SQLite, uv for dependency management, and a minimal vanilla HTML frontend.

VS Code Learn | DEMO - Build your first app with agent mode