Up next in 10
Cline VSCode AI Code Assistant & Autocompletion Alternative to Github Copilot Complete Setup
Mar 2, 2025
Get the full source code of application here:
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:
https://discord.gg/cRnjhk6nzW
Visit my Online Free Media Tool Website
https://freemediatools.com/
Buy Premium Scripts and Apps Here:
https://procodestore.com/
Show More Show Less View Video Transcript
0:00
uh hello guys welcome to this video so
0:02
in this video I will show you a open-
0:04
source alternative to GitHub co-pilot
0:06
it's a very good alternative software so
0:10
just go to your vs code just select this
0:13
extension which is called as Clint c l i
0:15
n so just write this the very first
0:18
extension which comes you will see this
0:21
is actually the extension it's almost
0:23
got 800,000 weekly downloads and uh it
0:27
provides you with autoc completions
0:29
analy is your code and also run this
0:31
code as well so simply click the install
0:34
button and just it will install the
0:37
extension so just wait for some time as
0:40
soon as it installs you will see you
0:42
will need to hit these three dot symbols
0:45
which appears and here you will see this
0:47
clean will uh appear just open this and
0:51
as soon as you open this you will see uh
0:54
here you will enter your email address
1:01
if you want to subscribe to your mailing
1:03
list you can provide your email this is
1:05
not necessary and here you select which
1:08
model you want to
1:09
use so you can use any
1:14
model so let me
1:19
use you can use any model of
1:26
it and uh
1:30
here you can
1:33
select AMA as well if you are using a
1:38
local model but
1:42
uh here you can just select your
1:46
uh vs code LM API as well so it's an
1:50
experimental integration it doesn't can
1:54
it's very new one and here you can just
1:58
select
2:01
any model right here let me select
2:06
Google model here just go to
2:10
their select get API
2:22
key so this will be different for you so
2:25
just copy this API key and just paste it
2:28
here so click on let's let's go and
2:32
uh you will see now it will actually be
2:35
there so you can now actually open a
2:39
file right here side by
2:41
side so now we are working on this file
2:45
index. HTML so what I will do I
2:49
will simply ask it to do something so I
2:53
will say please make a react calculator
2:59
using react CDM and index.
3:05
HTML so it will actually make the API
3:09
request you'll see it will give you the
3:12
response here alongside with the code as
3:18
well so we have two options either we
3:21
can approve or
3:24
reject so let me approve it so it will
3:27
now actually write this code here side
3:30
by side if you see it is writing this
3:35
code you have the save options you can
3:38
say click the save
3:57
button so now if you open this with live
4:00
server you will see you have a rimed
4:02
calculator available
4:29
so we can it can even read files edit
4:33
files as well execute commands as well
4:41
so so it has actually built out this
4:44
react calculator for us you'll see that
4:48
so in this easy way guys you can do it
4:54
anything so here
5:01
we can say please run this file in the
5:07
browser you can even run the file in the
5:10
browser as
5:12
well you can run the command
5:17
so here you just need to select your
5:20
browser and it
5:25
will just type here
5:27
start it also gives you suggestions as
5:31
well just press the tab
5:44
keyword so this is uh actually the
5:48
extension guys uh you can do anything
5:50
right here you can change
5:54
the model here you can select any model
5:57
replace the API key
6:06
so just ask any sort of question and
6:10
then it will actually generate
6:14
the code for you you can see it is
6:18
writing the
6:24
code so now it has actually added this
6:28
view code you'll see it is now using
6:32
VJs if I again open this you can see the
6:36
calculator is perfectly
6:42
working now this is using vuejs so in
6:45
this easy way guys I showed you step by
6:47
step just install this Clint it has
6:50
their official website as well you can
6:53
see it's open
6:56
source it's very popular
7:00
they specifically mentioned on their
7:03
website that it's fully open source you
7:06
will see that it's fully open source and
7:10
great alternative to paid AI coding
7:13
assistant such as GitHub co-pilot as
7:15
well
7:16
so you can read more about it by going
7:18
to the website and you can see that
7:24
so thank you very much guys for watching
7:27
this video and also visit my website it
7:29
free mediat tools.com uh which contains
7:32
thousands of tools regarding audio video
7:34
and image and I will be seeing you in
7:37
the next video
#Programming
#Software
#Development Tools
#Open Source