Up next in 10
🎯 INSANE Prettier Alternative for VSCode! Meet Biome.js – FREE & Open Source Code Formatter
2 views
Jul 18, 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 a VS code
0:05
extension which will actually format
0:07
your code in any language. So it's a
0:10
great alternative to prettier code
0:13
extension inside uh VS code. So if you
0:17
don't want to use prettier, which is a
0:19
very popular code formatter extension
0:22
for VS code, it's got almost 60 million
0:24
installed. So there is an alternative
0:26
right here. Just go to the extensions
0:28
tab and just type biom
0:32
b I me. So this is the extension that
0:36
I'm talking about and
0:39
it also does the same thing. It actually
0:42
formats your code on save code
0:44
refactoring inline suggestions and
0:48
so you can see that. So this is their
0:51
website. If you go to this website you
0:55
can read more about it. It's a free
0:57
open-source extension.
1:00
You can check out their GitHub page as
1:02
well. So,
1:04
you can initialize this by using this
1:07
npm command here
1:11
to actually install this bindary.
1:15
So, just make sure that you go to the
1:16
terminal and uh first of all ex execute
1:20
this command to install this binary. So
1:23
go to the terminal
1:25
execute this command. So what this is it
1:29
will do it will actually
1:31
install this binary npx add the rate
1:35
biome js /biome in it. So now it will
1:40
ask you to install the f following
1:43
packages. So you will say yes.
1:48
So then it will install this binary
1:51
which will be useful for formatting your
1:54
code.
1:55
So
2:00
so now to set up this extension click
2:03
the install button to install this
2:05
extension globally inside your system.
2:08
And now you will get this message
2:10
welcome to biome. So first of all you
2:13
need to create this file here which is
2:15
biome.json JSON right in the editor
2:18
itself which will automatically create
2:20
this file for you biome JSON and inside
2:24
this file here you will be seeing useful
2:27
information
2:29
which files so the formatter it will
2:34
just create a JavaScript file here
2:39
and inside this let's suppose you have
2:42
unforatted code
2:45
right click
2:46
format document.
2:51
Just make sure that no other extensions
2:54
are there.
2:59
So
3:03
after doing this go to the terminal and
3:06
right here we will see
3:16
So they have given all these commands
3:18
here.
3:22
So this command will format all the
3:26
files which are present.
3:32
So you will see automatically all your
3:34
JavaScript will be automatically
3:36
formatted.
3:38
So it formatted 13 files.
3:41
fixed.
3:44
So,
3:47
so it supports all the programming
3:49
languages. So, if you don't want to use
3:51
prettier, you can use this extension.
3:55
The command is simple. NPX add the rate
3:58
biomejs
3:59
format-right.
4:02
And if you don't want to,
4:04
you can individually provide the file as
4:07
well. So, script.js JS is present in the
4:09
same directory.
4:13
So you will now see it will only format
4:16
this file only.
4:20
So all the JavaScript will automatically
4:22
get formatted. So this is a very good
4:24
formatter you can use bio it is called
4:27
as this is their official website. So
4:31
definitely check out this tool and uh
4:35
also check out my website
4:37
freemediatools.com
4:39
uh which contains thousands of tools.