How to Beautify Python,JS,HTML & JSON Indentation with Indent Rainbow in VS Code
Jan 9, 2025
How to Beautify Python,JS,HTML & JSON Indentation with Indent Rainbow in VS Code
Show More Show Less View Video Transcript
0:00
uh hello guys welcome to this video so
0:02
in this video I will actually show you a
0:05
very good extension that you must have
0:07
in the V code uh it is called as indent
0:11
it is used for
0:13
indentation and it is applicable for
0:15
every language which actually have some
0:18
kind of
0:19
function specifically it is used for
0:21
python programs which have which is
0:25
primarily a indentation language but it
0:28
can be used in JavaScript Jon in HTML as
0:30
well so this is actually indent Das
0:33
rainbow rainbow has multiple colors
0:36
that's why it is called as indent
0:38
rainbow and you can see each
0:42
block each function block is highlighted
0:44
by a different color in so when we start
0:47
this parentheses so it is highlighted by
0:49
a different color so it makes it very
0:52
much easy to recognize which code that
0:54
you have written so if you have a very
0:56
large program like this so it actually
1:00
helps us in figuring out what is the
1:03
indentation is there so it makes the
1:06
code readable more readable if so if a
1:08
third person is reading your code it
1:11
makes it really easy and uh by default
1:14
the vs code does offer some indentation
1:17
but that is not enough that's why this
1:21
uh extension that I have used you can
1:24
see different colors are there it is
1:27
highlighted so in HT ml file you will
1:30
see when you open a tag right here U tag
1:33
it is highlighted by this green color so
1:35
you can easily find out the indentation
1:38
so now it is closed right here so this
1:40
is actually the color which is
1:42
highlighted this is for the Ali this is
1:46
for
1:47
the navigation so it is highlighted by
1:50
this different color same goes for the
1:52
python code as well if you see for
1:54
different languages this is
1:57
this is really useful for python
2:01
applications because for python
2:02
indentation is really important if you
2:04
don't follow the indentation you will
2:06
get a compilation error you will see
2:08
this compilation error if you don't
2:10
follow the indentation so it makes it
2:13
really easy if you have a very large
2:14
Python program so now to figuring out
2:17
for indentation this extension makes it
2:20
really easy so when you make any sort of
2:23
mistake this color combination will
2:25
break and you will be able to figure out
2:28
what you need to do by pressing the tab
2:30
keyboard to actually correct the
2:33
indentation so now the extension name is
2:36
indent D
2:38
rainbow so if you go to
2:42
the extension tab just search for this
2:45
extension which is indent D
2:48
rainbow let me just uninstall this and
2:51
install it once again so 8.9 million
2:54
downloads you can see it is used by uh
2:58
most people so so it's a very good
3:01
plugin and if I show you the default
3:04
styling that VSS code gives you you can
3:08
see it is highlighted but uh the it is
3:11
not highlighted by any color so the
3:14
default indentation which comes with
3:17
vs code is not more than enough uh it is
3:21
not enough for you if you were have a
3:24
very large program same goes for if you
3:27
see
3:31
this is the HTML here so now if I
3:35
activate that extension you will
3:37
actually see the colors will change so
3:39
if I click the install button so the you
3:44
can see the extension has been globally
3:46
enabled now if I open the python file
3:48
you will see the indentation has in
3:51
different colors for different
3:54
block so in this
3:57
way same goes for the Json file as well
3:59
we'll see that for Json
4:03
file so if you have a program which is a
4:06
very long
4:15
Pro so this is for the HTML
4:21
file same goes for the JavaScript as
4:24
well
4:27
so so you can just see this is the
4:32
extension so if you do like the color
4:35
combination then you can use it it
4:37
actually makes the indentation far more
4:41
easier so thank you very much for
4:43
watching this video and do check out my
4:46
free mediat tools.com website as well so
4:48
it contains thousands of free tools
4:50
regarding audio video and image and I
4:54
will be seeing you in the next video
#Programming
#Software
#Multimedia Software
#Other
