Up next in 10
How to Use Gemini AI in VSCode
Sep 13, 2025
Check the full description to see all Payment Links to Buy Source Code: Buy the Source Code with PayPal (in USD): https://www.paypal.com/ncp/payment/5AGGYJECQVZJC Live Demo of App: Buy the Source Code with Stripe (in INR): https://buy.stripe.com/5kQ4gB8rCbcydjD4Vm14f1J More Payment Options: Watch My Visual Studio Code IDE Setup Video For Fonts,Themes & Extensions https://youtu.be/Bon8Pm1gbX8 Hi Join the official discord server to resolve doubts here:
View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video I'll show you how to use
0:04
the Google Gemini AI inside VS code. Uh
0:07
so specifically Google has developed
0:09
this extension for you. Gemini code
0:12
assist. So if you simply go to extension
0:14
simply search for this Gemini code
0:16
assist. So this is a verified extension
0:19
built by google.com. So you simply
0:22
install this extension. It's an AI
0:23
assistant development powered by the
0:25
Gemini AI. So simply uh just install
0:30
this. So after installing this, this
0:32
will add this inside the sidebar
0:34
section. If you see uh Gemini code
0:37
assist. So you will see this option
0:39
right here, Gemini code assist. In this
0:41
easy way, you can use the Gemini AI
0:43
directly inside the VS code. Simply
0:47
activate this. So after activating it,
0:51
this is actually the fully featured
0:53
extension which we will be able to build
0:55
out applications and also provides you
0:57
with the autocomplete functionality as
1:00
well. So now it is simply starting it.
1:03
So you just need to wait for it and if
1:06
you're doing it for the very first time,
1:07
you need to login with the Google
1:10
account as well. And uh
1:16
you can even search this extension. So
1:18
it's Gemini code assist. This is the VS
1:21
Code extension that we installed. This
1:24
is this official website
1:26
of the plug-in. So it's almost got 2
1:28
million installs. So it's an AI assisted
1:31
extension. And uh now basically it will
1:35
automatically detect you are logged in.
1:36
So once you logged in uh you basically
1:39
this is their agent mode right here. You
1:42
can actually ask any sort of question.
1:44
just press hi and this extension will
1:46
respond to you and uh actually hi there
1:50
how can I help you today so right here
1:52
inside uh you can actually build out any
1:57
sort of application it basically
1:58
provides a free kota where you can
2:01
actually do anything let's suppose I can
2:03
even reference a file as well so just
2:05
put add the rate and here you will be
2:08
able to attach files or specific folders
2:11
as well so I will simply say build a new
2:14
file
2:16
calculator HTML to build a premium
2:20
scientific calculator in a single file.
2:25
So I simply written this prompt here
2:27
build a scientific calculator with a
2:29
premium UI and built out this file
2:31
calculator HTML. So now what it will do
2:34
it will create a new file directly in
2:36
the root directory called as index html
2:40
and it will start developing our
2:42
application for us. So now it is just
2:45
telling you that can I create a file
2:47
here you can accept the permission and
2:49
this will actually create a file inside
2:51
your directory automatically.
2:54
So now it has created this file and now
2:56
it is actually writing the code
2:59
and if you see now it has successfully
3:02
created this scientific calculator file
3:04
for you
3:06
and you can actually see the live
3:08
preview of this.
3:11
So you can see that it has built a
3:13
scientific calculator for us.
3:16
So you can even ask modifications as
3:18
well. So I can simply reference this
3:20
file and I can just ask a follow-up
3:24
question. So I will simply say build a
3:28
more
3:31
advanced scientific calculator.
3:35
Modify the code. So I simply asked the
3:38
question that please modify the code to
3:40
include some more operations. Just make
3:42
this calculators little bit more
3:44
advanced. So now what it will it will do
3:47
it will automatically read the code
3:48
which is there and simply modify the
3:51
code and add additional features to it
3:54
additional operations of the scientific
3:56
calculator and also you will see the
3:58
live preview. So it is actually
3:59
designing the application for you.
4:13
So it is automatically added the
4:16
necessary changes and now you will see
4:18
now your calculator is little bit more
4:20
advanced. It has added all the necessary
4:23
operators.
4:25
You can simply
4:27
build out this scientific calculator
4:34
can see that. So
4:40
and we can even build multiple
4:42
applications. So this is the agent mode
4:44
right here. You can toggle this. So it's
4:48
actually using the latest model Gemini
4:49
2.5 Pro. So I can simply say build a new
4:54
file QR code HTML to build a QR code
4:59
generator
5:01
advanc UI.
5:03
So now it will actually create a QR code
5:06
generator and build a new file QR code
5:08
HTML. And as you can see it's very easy.
5:11
Simply you install the extension to
5:13
actually use Gemini AI directly in VS
5:16
code which is Gemini code assist and it
5:19
is creating the necessary files for you
5:22
and uh now accept. So it has created
5:26
this file for you which is QR code HTML.
5:29
And if you open this now
5:34
so this is your QR code generator. Right
5:37
here you
5:41
so with the help of this you can create
5:43
any sort of application for you. Can see
5:45
we have also the download button. So it
5:47
will download the QR code for us. So
5:50
this is a very good extension guys.
5:52
definitely install this Gemini code
5:54
assist and uh it's totally free to try
5:58
up to I think it's having a favorable
6:02
limit. So you can try this for
6:04
completely free. No need for pasting any
6:06
API key. Simply install the extension.
6:08
Just loging in with your Google account
6:10
and up you can get started directly
6:12
inside VS code.
#Internet Software
#Programming
#Web Design & Development