WEBVTT

00:03.200 --> 00:05.040
uh hello guys welcome to this live

00:05.040 --> 00:06.480
stream so in this live stream i will

00:06.480 --> 00:09.920
show you a vs code extension which will

00:09.920 --> 00:12.800
actually turn your typescript errors uh

00:12.800 --> 00:15.920
more beautiful prettier formatted and

00:15.920 --> 00:18.880
more human readable so by default vs

00:18.880 --> 00:20.560
code whenever you code inside a

00:20.560 --> 00:22.800
typescript file typescript compiler

00:22.800 --> 00:25.600
gives you errors by default the styling

00:25.600 --> 00:28.080
of these errors are not good let me show

00:28.080 --> 00:30.480
you a typescript file here you'll see we

00:30.480 --> 00:33.280
are having these errors and whenever you

00:33.280 --> 00:35.840
pop up hover onto these errors this is

00:35.840 --> 00:38.239
the default message that it appears

00:38.239 --> 00:40.559
right here type number is not assignable

00:40.559 --> 00:42.399
to type stream so very little

00:42.399 --> 00:44.800
information it's given so you are a

00:44.800 --> 00:47.039
little bit confused when you see these

00:47.039 --> 00:48.960
errors so there is a extension in vs

00:48.960 --> 00:51.559
code that you can install which can

00:51.559 --> 00:54.879
actually make this popup way more uh

00:54.879 --> 00:57.520
prettier and human readable it will give

00:57.520 --> 00:59.600
more information related to the error so

00:59.600 --> 01:01.680
there is go to the extensions tab and

01:01.680 --> 01:04.720
just uh search for this extension which

01:04.720 --> 01:07.560
is pretty

01:07.560 --> 01:11.920
pty and then typescript errors as you

01:11.920 --> 01:13.840
just type here the extension will come

01:13.840 --> 01:15.760
right here it's having very popular

01:15.760 --> 01:20.799
extension 1.5 million downloads so it

01:20.799 --> 01:22.960
actually tells it makes your typescript

01:22.960 --> 01:25.600
errors prettier and more human readable

01:25.600 --> 01:27.520
so you just need to activate this simply

01:27.520 --> 01:29.439
click the install button and after

01:29.439 --> 01:32.799
installing it instantly now if you hover

01:32.799 --> 01:36.079
onto your typescript errors you will see

01:36.079 --> 01:38.240
now it will look something like this it

01:38.240 --> 01:40.320
will also show you this red error

01:40.320 --> 01:42.720
message that it's a error so you can

01:42.720 --> 01:44.960
clearly see that it's a error and then

01:44.960 --> 01:46.799
it also gives you more information

01:46.799 --> 01:48.880
related to the error that type number is

01:48.880 --> 01:52.000
not assignable to type string so earlier

01:52.000 --> 01:55.200
on if i disable this you see that the

01:55.200 --> 01:59.200
default pop-up was not up to the mark if

01:59.200 --> 02:00.920
you

02:00.920 --> 02:03.680
see it doesn't tell you much more about

02:03.680 --> 02:07.280
the error so all the things were not

02:07.280 --> 02:09.520
highlighted not the error message were

02:09.520 --> 02:11.200
also not there so you little bit

02:11.200 --> 02:13.360
confused so just click the install

02:13.360 --> 02:15.120
button activate this and once you

02:15.120 --> 02:17.520
activate this you will see more

02:17.520 --> 02:20.560
information related to what sort of

02:20.560 --> 02:23.599
error message that you have like this

02:23.599 --> 02:26.319
all the things will be highlighted with

02:26.319 --> 02:28.160
different colors right here you can see

02:28.160 --> 02:30.239
it has been highlighted that number is

02:30.239 --> 02:33.440
not assignable to string and especially

02:33.440 --> 02:36.319
this is this error message this error

02:36.319 --> 02:38.160
icon is shown right here red icon is

02:38.160 --> 02:41.040
shown so instantly you know that this is

02:41.040 --> 02:43.920
a actually a error so it's a fairly good

02:43.920 --> 02:46.080
extension you can definitely install it

02:46.080 --> 02:47.840
i personally use it while coding in

02:47.840 --> 02:49.680
typescript files so just click the

02:49.680 --> 02:52.080
install button and just activate this so

02:52.080 --> 02:54.560
once you activate this you will see this

02:54.560 --> 02:58.160
uh appearing in instantly inside your

02:58.160 --> 03:01.879
typescript files

03:04.319 --> 03:07.239
so simply install

03:07.239 --> 03:10.640
this and it will turn your typescript

03:10.640 --> 03:12.519
errors more prettier and

03:12.519 --> 03:14.959
readable and thank you very much for

03:14.959 --> 03:17.680
watching this video and uh also check

03:17.680 --> 03:20.640
out my website freemediatools.com

03:20.640 --> 03:22.800
uh which contains unlimited number of

03:22.800 --> 03:25.920
tools regarding audio video and image

03:25.920 --> 03:28.480
and i will be seeing you in the next

03:28.480 --> 03:31.480
video