Up next in 10
Ultracite + Biome The Ultimate AI Code Formatter Setup in VS Code!
3 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 AI code
0:05
formatter for VS code. Uh this tool is
0:08
called as ultrait.ai.
0:12
So this is the actual tool name. So it's
0:16
AI ready code formatter that helps you
0:19
write and generate code faster.
0:23
So it's really fast. It basically uses
0:25
artificial intelligence to automatically
0:28
scan the full source code and
0:30
automatically format that. Uh now to
0:33
install this it's very easy you this is
0:35
a command which is given. Simply copy
0:37
this command and I'll show you how to
0:39
set up inside VS code. So go to the
0:42
terminal and right here just execute
0:45
this command npx ultrait at the rate
0:49
latest init. So just enter it. So this
0:52
command will do everything for you. It
0:55
will set up this tool.
0:57
So just and it will now say need to
1:00
install this package. So simply say yes
1:04
and then it will install this AI code
1:07
formatter directly
1:09
inside your terminal.
1:12
So it will say which package manager you
1:14
do you use. So just select your package
1:16
manager and which editors do you want to
1:20
configure. So I will say VS code. Which
1:24
editor tools do you want to enable?
1:28
So here you can select your own.
1:32
So I will say GitHub copilot.
1:46
So then it will actually create all the
1:48
necessary files for you. Dependencies
1:51
installed, TS config, JSON created, bio
1:54
configuration updated, successfully
1:56
initialized, ultra suited configuration.
1:59
And apart from that, you just need to
2:05
Yeah. So please install bion globally on
2:08
your system so the extension can start a
2:10
global NSP session.
2:23
So it is also available as a this
2:28
biomJS. This is the main website here.
2:32
You can actually install this
2:41
on the Windows.
2:54
So you can basically install this
3:00
as executable as well. So
3:05
apart from that you also need to install
3:08
its extension. So just search on
3:10
extensions tab bio just install this
3:13
extension.
3:15
So after installing this extension
3:20
if you right click click format
3:22
document.
3:31
So
3:38
getting started this is actually the
3:41
command here.
3:49
So you can even globally install this.
3:52
So let me ask
3:54
how to globally.
4:01
So yeah, so just add this g flag so that
4:04
it is globally installed on your system.
4:07
So go to the terminal dash g.
4:12
So now it is globally installed.
4:15
So if you try to format this
4:26
And just make sure that you go to the
4:29
settings tab, user setting file and just
4:32
search for default formatter.
4:38
So your JavaScript
4:41
it will set to.
4:45
So just change this
4:48
to this formatter that is is
4:52
available. So let me just show you what
4:54
you need to do.
5:05
So the setup part right here you just
5:08
need to replace
5:10
this biome js
5:18
Yeah, just write replace this line. So
5:21
now this makes this uh default formatter
5:23
for your JS file. So if you click format
5:26
document and automatically you will see
5:29
that it will format your document
5:33
or you can simply press Ctrl S and then
5:36
automatically your JavaScript file will
5:38
get formatted.
5:45
and it supports all the languages. So
5:48
just need to make that change in the
5:50
user settings file just default
5:53
formatter is this after you install this
5:57
extension. So
5:59
[Music]
6:02
so this is the way by which you can do
6:04
this. Also check out my website
6:06
freemediattools.com
6:08
uh which contains thousands of tools.
#Programming
#Software