Up next in 10
How to Download & Install Google Gemini Code Assist FREE in Visual Studio Code IDE For Forever
Jul 11, 2025
Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video, I'll show you uh the
0:04
Gemini code assist VS code plug-in that
0:07
you can directly use inside your visual
0:09
studio code uh IDE for completely free.
0:13
So as you can see on their official
0:15
website Google Gemini,
0:18
they mention that you can actually use
0:21
this extension Gemini code assist. It's
0:25
having developed by google.com. So go to
0:28
the visual studio just search for this
0:31
extension which is Gemini code assist
0:35
and it's a free extension that you can
0:37
install. It's powered by gemin.com.
0:41
You will see it's official extension.
0:44
Click the install button to install this
0:46
extension. And after installing it
0:51
you will see on the left hand side it
0:53
will create a sidebar option where you
0:56
can toggle this option of Gemini.
1:01
So just wait for the installation to
1:02
finish
1:10
as you now it is you can see it is
1:12
enabled. So just click the enable
1:14
button. So to enable this extension and
1:18
you will actually see this option
1:19
appearing at the sidebar menu Gemini
1:22
code assist. Simply click on that and
1:25
after clicking it you will see this
1:28
sidebar
1:30
chatting box will appear and here you
1:33
can ask any sort of question related to
1:36
programming. You can ask to make any
1:39
sort of web application
1:41
and it will make it. So
1:46
now you can see that so your current
1:49
account is not eligible for Gemini code
1:51
assist for individuals. The free version
1:53
of Gemini code assist try signing into
1:57
another Google account. So,
2:11
so first of all, you do need to sign in.
2:14
So, click the sign in button to sign in
2:17
with a Google account.
2:22
So, you just need to sign in. Uh
2:26
just grant the permission. So now you
2:28
can see Gemini code assist and Gemini
2:30
CLI are now authorized to access your
2:34
account. So if you do that now you will
2:36
see it is connecting you to the Gemini
2:38
code assist. And once connected you will
2:41
see this uh search bar here you can ask
2:44
any sort of question here. Let's suppose
2:47
make a calculator in
2:51
HTML CSS and JavaScript. So basically
2:54
you ask a question and then this Gemini
2:57
code assist will do the magic and it
3:01
will generate the code for you
3:02
instantly.
3:07
You can see that. So it is generating
3:09
this
3:13
different files here. This is your HTML
3:15
file. This is your CSS and then this
3:18
will be your JavaScript.
3:25
So it's very fast here. You will see
3:27
that.
3:32
So so
3:40
you just click on the file here and uh
3:42
just click accept changes and then it
3:45
will edit your file here. Just
3:49
click on that and then it will create a
3:51
new file style dot CSS
3:54
automatically. And lastly, you just need
3:57
to click on this this tick mark option.
4:00
Either you can copy to clipboard or you
4:03
can create a file.
4:05
You can now see it created these three
4:07
files here. And now you can run your
4:09
calculator.
4:11
Simply run this.
4:37
So in this easy way you can uh
4:43
basically create any sort of application
4:45
using this extension.
4:58
And if you already have some code here,
5:03
you can modify the code as well. So if I
5:05
just refresh it.
5:12
So this is your calculator. So what I
5:15
was talking is that if you already have
5:17
this code here, uh if you just want to
5:19
modify it, you can reference this file
5:22
here for asking the question
5:27
and say modify this code to create a
5:34
different UI calculator.
5:37
So we are referencing this file here
5:39
which this index html we are asking a
5:42
follow-up question to this gemini code
5:44
assist and then it is processing this
5:47
question and coming basically you can
5:51
see this is the current file that we are
5:53
working on. So this index html. So in
5:56
this easy way you can also attach the
5:59
source code files and then based upon it
6:03
will modify the code here accordingly
6:06
and
6:08
it will modify the user interface. So in
6:10
this easy way uh the extension is
6:13
completely free and you can use it
6:15
unlimited number of time. Just click
6:17
accept changes.
6:19
And uh now what happened? You will see
6:23
it modify the user interface. It comes
6:26
up with a different
6:34
calculator with a different user
6:36
interface. So in this easy way you can
6:38
basically design web applications. You
6:41
can make any sort of coding applications
6:43
using this Gemini code assist.
6:46
Definitely install this extension inside
6:48
your VS code and uh it's completely free
6:52
and unlimited as well. So definitely
6:54
install it and start using it. And also
6:57
check out my website freemediatools.com
7:00
uh which contains thousands of tools.
#Programming
#Software
#Windows & .NET