Up next in 10
This VS Code Extension SAVES HOURS! Instantly Create & Save Coding Projects with Templates⚡
Jul 16, 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 a VS code
0:03
extension which will save you a lot of
0:05
time by actually creating your projects
0:09
automatically using templates. Templates
0:12
are a very important feature in VS Code
0:14
that you can enable using this
0:16
extension. Just go to the extension tab
0:19
and just write search for this extension
0:21
which is project templates. So by the
0:24
name itself, it allows you to create
0:26
templates about certain projects that
0:29
you daily use. Rather than actually
0:32
creating the same project again and
0:34
again, you can actually save a template.
0:37
So now simply click the install button
0:39
to activate this extension.
0:42
So you can see it's almost having 52,000
0:45
installs. So once the extension is
0:47
activated, you actually create any sort
0:50
of project. It can be a simple
0:52
JavaScript vanilla JavaScript
0:54
application. You create a folder. So I
0:56
will simply say it's a
0:59
HTML starter app and rather inside this
1:04
we have a bunch of files here index
1:06
HTML.
1:08
So this will be a simple hello world
1:11
application where I have a bunch of
1:14
files here a style CSS as well. So,
1:21
so then we also have a script file which
1:24
is your JavaScript here. So, hello
1:27
world. So, we are including all these
1:29
files here. So,
1:37
and inside the JavaScript we include so
1:40
it's a very basic vanilla JavaScript
1:42
application. If I try to open this.
1:46
So this is a very basic app here. You
1:47
will see that.
1:49
So now if you are if you can basically
1:54
save this as a template. So in the next
1:57
time if you create the same application
1:58
you don't need to create all these
2:00
folders rather than you can create a
2:02
template. So right here simply go to the
2:04
command pallet and simply search here
2:09
create template.
2:14
So right here you can simply search here
2:18
project
2:22
we can open the templates folder and
2:24
this option will come right here which
2:26
is save project as template. So we have
2:28
four options either we can create a
2:30
project from your existing template
2:33
second is delete template open template
2:35
folder or save project as template.
2:38
So just go to the command pallet. You
2:40
can even type control shiftp and simply
2:43
type here project and these four options
2:46
will come. Simply say save project as
2:49
template. And here you just need to give
2:51
the template name. So I will simply say
2:54
sample HTML starter.
2:58
Give it a name. And now this template is
3:01
successfully saved. So if you are
3:03
creating a brand new
3:06
uh project here let's suppose I give it
3:07
a name here sample
3:12
and right here we open this again and
3:16
this time
3:18
I will simply say create project from
3:20
template and now inside the drop-down
3:24
all the templates will show right here.
3:26
So inside this only a single one is
3:28
there.
3:30
So destination file
3:33
I will say
3:37
this file already exist. Would you like
3:40
to I will say overwrite.
3:47
So here you can simply check out all the
3:50
templates which are there.
3:58
You can open the folder as well. Open
4:00
templates folder. So here all the
4:03
templates will get saved right here
4:05
inside your VS code. So this is one
4:07
template here which is sample HTML
4:09
starter. So as you can see we have all
4:12
these saved.
4:18
So if you just want to create open a new
4:22
window.
4:35
So just open a new folder. And now if
4:38
you want to create
4:42
that folder once again simply open
4:44
command pallet go to project
4:56
and now automatically that project all
4:59
the files which are there will be
5:00
cloned. This is really easy guys. You
5:03
can see all the files will get again
5:05
recopied. So you don't need to manually
5:08
create any sort of project files. This
5:10
can be applicable to any sort of project
5:12
that you're building. It can be react
5:14
project, angular project. So once you
5:17
are inside that folder, simply open
5:20
command pilot and simply save that
5:22
template. So it can be an express php
5:26
template. So you can save that project.
5:29
Just enter the name and that will be
5:32
saved once again. So now if you go to
5:34
the templates you will create project
5:37
from template. Now you will have two
5:39
templates.
5:41
So this is a very easy way by which you
5:43
can create templates in VS code to
5:46
actually save a lot of time. So you
5:49
don't need to manually create every time
5:52
whenever you are developing any sort of
5:54
project. So it's a very good extension.
5:56
Just install this. It's called as
5:59
project templates.
6:02
So it basically does a very basic job
6:06
but it saves you a lot of time as well.
6:08
So also check out my website
6:10
freemediattools.com
6:12
uh which contains thousands of tools.
#Programming
#Internet & Telecom