Up next in 10
This VSCode Extension Makes Your TypeScript Errors Prettier, Formatted & Human Readable
0 views
Jun 7, 2025
Get the full source code of the application here: Official Website: https://freemediatools.com
View Video Transcript
0:03
uh hello guys welcome to this live
0:05
stream so in this live stream i will
0:06
show you a vs code extension which will
0:09
actually turn your typescript errors uh
0:12
more beautiful prettier formatted and
0:15
more human readable so by default vs
0:18
code whenever you code inside a
0:20
typescript file typescript compiler
0:22
gives you errors by default the styling
0:25
of these errors are not good let me show
0:28
you a typescript file here you'll see we
0:30
are having these errors and whenever you
0:33
pop up hover onto these errors this is
0:35
the default message that it appears
0:38
right here type number is not assignable
0:40
to type stream so very little
0:42
information it's given so you are a
0:44
little bit confused when you see these
0:47
errors so there is a extension in vs
0:48
code that you can install which can
0:51
actually make this popup way more uh
0:54
prettier and human readable it will give
0:57
more information related to the error so
0:59
there is go to the extensions tab and
1:01
just uh search for this extension which
1:04
is pretty
1:07
pty and then typescript errors as you
1:11
just type here the extension will come
1:13
right here it's having very popular
1:15
extension 1.5 million downloads so it
1:20
actually tells it makes your typescript
1:22
errors prettier and more human readable
1:25
so you just need to activate this simply
1:27
click the install button and after
1:29
installing it instantly now if you hover
1:32
onto your typescript errors you will see
1:36
now it will look something like this it
1:38
will also show you this red error
1:40
message that it's a error so you can
1:42
clearly see that it's a error and then
1:44
it also gives you more information
1:46
related to the error that type number is
1:48
not assignable to type string so earlier
1:52
on if i disable this you see that the
1:55
default pop-up was not up to the mark if
1:59
you
2:00
see it doesn't tell you much more about
2:03
the error so all the things were not
2:07
highlighted not the error message were
2:09
also not there so you little bit
2:11
confused so just click the install
2:13
button activate this and once you
2:15
activate this you will see more
2:17
information related to what sort of
2:20
error message that you have like this
2:23
all the things will be highlighted with
2:26
different colors right here you can see
2:28
it has been highlighted that number is
2:30
not assignable to string and especially
2:33
this is this error message this error
2:36
icon is shown right here red icon is
2:38
shown so instantly you know that this is
2:41
a actually a error so it's a fairly good
2:43
extension you can definitely install it
2:46
i personally use it while coding in
2:47
typescript files so just click the
2:49
install button and just activate this so
2:52
once you activate this you will see this
2:54
uh appearing in instantly inside your
2:58
typescript files
3:04
so simply install
3:07
this and it will turn your typescript
3:10
errors more prettier and
3:12
readable and thank you very much for
3:14
watching this video and uh also check
3:17
out my website freemediatools.com
3:20
uh which contains unlimited number of
3:22
tools regarding audio video and image
3:25
and i will be seeing you in the next
3:28
video
#Programming
#Software