Up next in 10
🚀 Instantly Create TypeScript Boilerplate Code Files in VSCode Node js, React, Express!
Aug 3, 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
Uh hello guys, welcome to this video. So
0:02
Uh hello guys, welcome to this video. So in this video, I'll show you a VS code
0:04
in this video, I'll show you a VS code
0:04
in this video, I'll show you a VS code extension which is used to generate
0:06
extension which is used to generate
0:06
extension which is used to generate TypeScript files automatically for you.
0:09
TypeScript files automatically for you.
0:09
TypeScript files automatically for you. It's a TypeScript file generator
0:10
It's a TypeScript file generator
0:10
It's a TypeScript file generator extension. So if you simply search for
0:13
extension. So if you simply search for
0:13
extension. So if you simply search for this extension, auto ts generator, auto
0:16
this extension, auto ts generator, auto
0:16
this extension, auto ts generator, auto typescript generator. This is developed
0:18
typescript generator. This is developed
0:18
typescript generator. This is developed by this person. It's fairly new
0:19
by this person. It's fairly new
0:19
by this person. It's fairly new extension. 330 installs are there.
0:23
extension. 330 installs are there.
0:23
extension. 330 installs are there. Simply click the install button. after
0:25
Simply click the install button. after
0:25
Simply click the install button. after installing this extension, it will
0:27
installing this extension, it will
0:27
installing this extension, it will actually add this uh right inside your
0:31
actually add this uh right inside your
0:31
actually add this uh right inside your context menu. So wherever you need to
0:33
context menu. So wherever you need to
0:33
context menu. So wherever you need to generate the files, let's suppose in
0:35
generate the files, let's suppose in
0:35
generate the files, let's suppose in this folder. So you simply right click
0:38
this folder. So you simply right click
0:38
this folder. So you simply right click and this option will be added right
0:40
and this option will be added right
0:40
and this option will be added right here. If you see auto ts generator and
0:43
here. If you see auto ts generator and
0:43
here. If you see auto ts generator and from this you will be able to create any
0:46
from this you will be able to create any
0:46
from this you will be able to create any sort of file. It can be express node,
0:48
sort of file. It can be express node,
0:48
sort of file. It can be express node, react, function, any sort of file. So
0:52
react, function, any sort of file. So
0:52
react, function, any sort of file. So just right click and let's suppose I
0:54
just right click and let's suppose I
0:54
just right click and let's suppose I want to create a general node server. So
0:57
want to create a general node server. So
0:57
want to create a general node server. So I simply select that and confirm the
0:59
I simply select that and confirm the
0:59
I simply select that and confirm the folder name. I just need to give it a
1:02
folder name. I just need to give it a
1:02
folder name. I just need to give it a file name here. So I will say
1:05
file name here. So I will say
1:05
file name here. So I will say server
1:07
server
1:07
server and you will see automatically this file
1:09
and you will see automatically this file
1:09
and you will see automatically this file will be created server.ts and instantly
1:13
will be created server.ts and instantly
1:13
will be created server.ts and instantly it will create a simple HTTP server
1:16
it will create a simple HTTP server
1:16
it will create a simple HTTP server starting on port 3000. all the boiler
1:19
starting on port 3000. all the boiler
1:19
starting on port 3000. all the boiler plate code will be added for you. So in
1:22
plate code will be added for you. So in
1:22
plate code will be added for you. So in this easy way using this extension you
1:24
this easy way using this extension you
1:24
this easy way using this extension you basically get this. If you want to
1:27
basically get this. If you want to
1:27
basically get this. If you want to create a react component you give it a
1:30
create a react component you give it a
1:30
create a react component you give it a name here and now you will see this
1:33
name here and now you will see this
1:33
name here and now you will see this react component will automatically be
1:36
react component will automatically be
1:36
react component will automatically be created for you.
1:42
So again let's suppose you want to
1:44
So again let's suppose you want to
1:44
So again let's suppose you want to create this time
1:46
create this time
1:46
create this time an express server
1:52
give it a name and then you will see
1:54
give it a name and then you will see
1:54
give it a name and then you will see automatically this will start a express
1:56
automatically this will start a express
1:56
automatically this will start a express server for you automatically
1:59
server for you automatically
1:59
server for you automatically all the bo bo bo bo bo bo bo bo bo bo bo
2:00
all the bo bo bo bo bo bo bo bo bo bo bo
2:00
all the bo bo bo bo bo bo bo bo bo bo bo bo bo bo bo bo bo bo bo bo bo bo bo bo
2:00
bo bo bo bo bo bo bo bo bo bo bo bo bo bo bo bo boiler pl pl pl pl pl pl pl pl
2:00
bo bo bo boiler pl pl pl pl pl pl pl pl
2:00
bo bo bo boiler pl pl pl pl pl pl pl pl pl pl pl pl pl pl pl pl pl pl pl plate
2:00
pl pl pl pl pl pl pl pl pl pl pl plate
2:00
pl pl pl pl pl pl pl pl pl pl pl plate code will be added for you. So this is a
2:03
code will be added for you. So this is a
2:03
code will be added for you. So this is a nice little extension. You can basically
2:06
nice little extension. You can basically
2:06
nice little extension. You can basically also fastify which is another framework
2:09
also fastify which is another framework
2:09
also fastify which is another framework here.
2:11
here.
2:11
here. You can even generate a variable as
2:13
You can even generate a variable as
2:13
You can even generate a variable as well.
2:17
You can see that. So
2:20
You can see that. So
2:20
You can see that. So you can create as many files here. Just
2:23
you can create as many files here. Just
2:23
you can create as many files here. Just select from a variety of enums type. You
2:26
select from a variety of enums type. You
2:26
select from a variety of enums type. You can also have a function interface.
2:31
You can see that. So definitely install
2:33
You can see that. So definitely install
2:33
You can see that. So definitely install this extension auto ts generator
2:36
this extension auto ts generator
2:36
this extension auto ts generator extension. You can create typescript
2:39
extension. You can create typescript
2:39
extension. You can create typescript templates, classes, interface, functions
2:41
templates, classes, interface, functions
2:41
templates, classes, interface, functions in various frameworks.
#Programming
#Development Tools