Up next in 10
How to Change VSCode IDE Editor Layout in Different Positions
2 views
Jul 4, 2025
Get the full source code of application 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
0:04
switch different layouts inside your VS
0:06
code editor. So there is a diff you can
0:11
go to the view option and you will see
0:14
this option editor layout. So by default
0:17
the layout is of for a single file. This
0:21
is the default option but you can change
0:23
this as well. Let's suppose I create a
0:25
bunch of files here.
0:29
This is your HTML file. This is your
0:31
JavaScript file.
0:36
So now if you go to the view menu and
0:39
then editor layout and if I say instead
0:42
of a single layout I want the two layout
0:44
two column layout. So in this easy way
0:47
you can do this as well. If you want the
0:50
three column layout now it will be
0:53
divided the screen will be divided into
0:55
three layouts. You will see that
0:58
you can switch this file to its
1:00
different layout. You will see that
1:04
and in this easy way you can go to
1:06
editor layout. You can e even have two
1:09
rows as well.
1:15
So you can see that. So
1:18
go to just editor layout and then it can
1:21
even
1:23
you can flip your layout as well like
1:25
this
1:28
and you can split this as well. You can
1:30
see in different layouts. This is your
1:33
JavaScript. This is your HTML. Side by
1:35
side you are doing it multiple files
1:38
layout. So in this easy way you can do
1:41
this in VS Code very simply. Thank you
1:43
very much for watching this video and
1:45
also check out my website
1:47
freemediatools.com
1:49
uh which contains thousands of tools.
#Software