VS Code Agent Mode Just Changed Everything
Ever wished your code editor could write your app, talk to your database, and even follow documentation like a real dev? Same.
In this video, I'll show you how to use agent mode, MCP Servers and PRD documents to build an entire app complete with database. Will it work? Let's find out.
PRD: https://gist.github.com/burkeholland/24802296b5bfaaf7fb775c81cd626512
00:00 - Intro
00:24 - Introducing Agent Mode
03:24 - Setting up project
08:34 - MCP Servers
11:59 - Agent Mode Cooks
15:17 - BYOK
15:51 - Conclusion
#vscode #ai #agents
Install Tubelator On Chrome
Video Summary & Chapters
No chapters for this video generated yet.
Video Transcript
in this video I'm going to show you all
of the new AI features that just dropped
for Visual Studio Code we've got agent
mode we've got a new completions model
we've got MCP servers what is that bring
your own key all of that and more and
we're going to see if we can build a
complete application by the end of this
video are you
ready let's do it now first let's talk
about agent mode because it's a big deal
so how do you get the new agent mode in
Visual Studio Code well if you come down
to your chat sidebar you'll see a
dropdown and it has three options in it
ask edit and agent now if your dropdown
only has two options in it that's
because we're sort of slowly rolling
this out to everyone so some folks have
it and some don't but because you
watched this video I'm going to show you
how to turn it on so what you need to do
is go to user settings and in your user
settings you can just search for agent
and there's a little check box here and
yours is probably not checked if you
don't see that so just come in and check
it and boom you've got agent mode all
right cool so now what well let's take a
look at the different ways that you can
use chat and ask edit an agent so this
is an AstroJS project and what I want to
do is just say install Tailwind CSS in
this project that's a pretty simple
prompt here now in ask mode what this is
going to do is it's going to go out it's
going to get an answer and it's going to
return it this is the standard chat
interaction that you're used to it's
just an answer here in your sidebar it's
great in edit mode let's switch over
there if we run the exact same prompt in
this case we'll get the exact same
answer the difference is that in edit
mode we've given VS Code permission to
create and modify files which is what
it's doing right now so you can see it's
created all these files for us that it
thinks that we need to successfully
install
