videocam_off
This livestream is currently offline
Check back later when the stream goes live
Up next in 10
Code Spelling Checker Visual Studio Extension Tutorial to Check and Fix Typo Mistakes While Coding
Jan 9, 2025
Code Spelling Checker Visual Studio Extension Tutorial to Check and Fix Typo Mistakes While Coding
Show More Show Less View Video Transcript
0:00
uh hello guys in this video I will
0:02
actually show you a visual studio code
0:05
extension which allows you to detect
0:08
your typo mistakes while coding so while
0:11
developing your application you write
0:13
some kind of incorrect words so this
0:16
extension will allows you to detect
0:18
those errors at the time of compilation
0:20
whenever you are typing it will give you
0:23
a line underline those words so let me
0:27
show you the extension uh just go to the
0:30
open your vs code and just go to the
0:32
extensions Tab and just write your
0:34
source
0:36
code and if you just write source code
0:38
the very first extension which comes
0:40
right here is code spell
0:43
checker so it has got almost 11.9
0:47
million downloads
0:49
so it's a really popular
0:53
extension and it basically description
0:56
is spelling checker for source
0:58
code so by the name itself it checks the
1:02
spelling of words that you write so in
1:04
English language while you code most of
1:06
the words are in English language so it
1:08
actually test your words against the
1:11
built-in D
1:12
dictionaries so incorrect words are
1:15
highlighted by underline lines you can
1:20
just see right here so there is an
1:22
install option simply click the install
1:23
button so it will install this extension
1:26
globally so now the thing is that you
1:28
need to close this
1:31
and it works with all the languages
1:33
while you're coding in PHP JavaScript
1:35
python the language doesn't matter uh
1:38
the thing is that you are coding in
1:40
English language if you do notice it
1:43
this extension uh if you just write code
1:46
spell checker if you code in any other
1:49
language so it has a
1:52
pre-built for let's suppose if you are
1:55
coding Spanish it also has a Spanish as
1:59
one Russian Brazilian German Portuguese
2:02
french so if you're not a English
2:04
speaker if you work in different
2:06
languages you can install these plugins
2:08
for that but we will be sticking to the
2:10
default extension which test for English
2:12
language so let's suppose if I take an
2:15
index.js example this is a Javascript
2:18
file right here it works with the
2:20
comments as well so in JavaScript we
2:23
basically declare comments with SL slash
2:26
and here if I write a comment here this
2:28
is a comment so all the spellings are
2:32
correct right here so now let's suppose
2:34
if I change the
2:36
spelling if I make some kind of typo
2:39
mistake right here let me zoom
2:42
in so if
2:44
I now if you see the comment spelling is
2:49
incorrect now it has been highlighted
2:51
using this blue underline and if you
2:54
hover onto this you will actually see
2:56
this description that comment is an
2:59
unknown word so it basically has two
3:03
options either you can view the
3:06
description of this problem and the
3:08
second option is fix Quick Fix so if you
3:12
click this it will give you some
3:15
suggestions for the correct word you can
3:17
select from these suggestions you will
3:19
now see the comment is appearing right
3:21
here you can do this like this or if you
3:25
know the spelling you can do it faster
3:28
by manualing just typing the correct
3:31
word so it also works with the actual
3:33
code as well so let's suppose if you
3:35
declare a
3:37
function hello it'll actually just
3:41
console log the hello state
3:44
statement and then we are calling this
3:46
function so let's suppose I make a
3:48
mistake in this hello spelling
3:52
mistake in both these instances hello
3:56
you can just see unknown
3:57
word maybe this code will execute
4:00
properly there is no problem with the
4:03
code syntax of the code function is
4:06
declared properly but the spelling is
4:09
incorrect there is no such word with
4:12
this spelling so this code will work uh
4:16
correctly but uh you do need to declare
4:19
the words with correct spelling mistake
4:22
uh spellings so in that sense this
4:25
extension comes into the picture it
4:28
allows you to detect these
4:30
Mistakes by simply underlining these
4:33
words now you can simply correct this by
4:37
hovering onto this and click Quick Fix
4:39
and just select the correct
4:41
word or if the word is not appearing
4:44
then you can manually fix it by changing
4:51
it and now you can see the warning is
4:58
gone so this this is actually the way
5:01
works with all the files so this is
5:04
actually a python file in Python the
5:06
comments are declared with this so
5:12
again so this is a simple comment that I
5:14
made right here this is a simple flash
5:17
cap so if I make any sort of
5:25
mistake so now you can see simple
5:28
spelling mistake is incorrect
5:32
you can select the correct word from
5:47
here so if you define a function right
5:49
here you will also see this underline
5:53
that the spelling is incorrect you can
5:55
fix
5:57
it really simple so it will give you all
6:00
these suggestions and you can pick the
6:02
correct suggestion and fix this
6:06
problem so it works all with with all
6:09
the
6:10
languages and now coming back to you can
6:14
change these
6:17
underline if you want to change the
6:19
color of it so and also the suggestions
6:23
that you
6:24
get you can change all these settings by
6:26
going to the plug-in settings so simply
6:28
go to the extensions
6:31
Tab and there is the settings icon we
6:34
need to click
6:35
it and then select this extension
6:38
settings so here uh this is actually the
6:42
place where you can customize all the
6:44
settings of this plug-in so if you drag
6:46
down you can add your own custom di uh
6:49
dictionaries as well so this is a
6:52
advanced setting you don't need to do
6:57
this if you have a set of words that you
7:00
want to ignore you can add those words
7:03
right here one by
7:06
one and by default it checks for the
7:08
English language but you can add more
7:10
languages as well by adding put a comma
7:12
and add your native language as well but
7:16
for that you can install that uh
7:18
different extensions which are there for
7:20
different
7:23
languages now this is actually the
7:25
setting that we want to have the
7:27
diagnostic level so d diagnostic devel
7:30
is represents the color of the warning
7:34
that will appear by default it is set to
7:37
information so if you make a problem if
7:40
you make a incorrect spelling mistake
7:42
you will get this blue underline which
7:45
is a information
7:48
based you will see you will actually see
7:51
this blue underline by default it is set
7:54
to
7:56
information you can now change this as
7:59
well to
8:00
warning so this is now if you make this
8:03
change it will change from Blue to
8:09
yellow and if you want to make it in red
8:13
this is the highest uh error warning so
8:17
now this will change it to red color so
8:19
that it will give you this error in the
8:22
status bar as well if you
8:25
check you will get warning here also
8:29
that this is the unknown word you need
8:31
to fix this problem so it will highlight
8:34
the overall file as
8:36
well so it will treat
8:39
this spelling mistake as a syntax error
8:42
in the file so depending upon if you
8:45
want to have this as a syntax error you
8:48
can stick to this option default option
8:51
is good which is information which is
8:53
simply a warning it is not a syntax
8:56
error it's just a spelling mistake so
8:59
depending upon whether you need to show
9:01
it in a red color yellow color or blue
9:04
color it also
9:06
can be shown as a hint this is not a
9:09
recommended because it is not
9:12
visible so you may ignore this error so
9:14
that's why you need to stuck to
9:16
information and then maximum duplicate
9:19
problem so it is saying that maximum
9:21
number of times the same word can be
9:23
flat so here you can control the setting
9:26
so this simply means that if you make a
9:28
same mistake take over and over let's
9:31
suppose uh it is
9:36
called five times here so the same word
9:39
is highlighted five times so if you want
9:41
to have this if you repeat this m
9:43
mistake for the sixth time this word
9:45
will not be highlighted so you can
9:47
change this setting let's suppose after
9:50
two
9:51
times I don't want to highlight that
9:53
word so you will
9:54
see after that second time I did the
9:58
same mistake now I didn't get that
10:00
highlight so you can just change this
10:03
setting the default options are good I
10:05
will set it to at any moment of time if
10:09
you want to reset to the default option
10:11
simply click this setting option and
10:13
click on reset settings it will change
10:15
it to the default options if you make
10:17
any sort of change just reset to the
10:20
default
10:27
options and then we will simply have the
10:32
next property here maximum number of
10:35
problems it basically controls the
10:37
maximum number of spelling errors per
10:39
document so it simply means that how
10:41
many words can be highlighted at a
10:43
single time in a single file so it is
10:46
set to 100 so it means that 100 words
10:49
can be highlighted 100 incorrect words
10:51
can be highlighted this is more than
10:53
enough for a single file this is good
10:57
and minimum word length this simply
10:58
means that the minimum number of length
11:02
characters should be four so those words
11:05
which have less than three characters
11:07
will not be highlighted so this let me
11:11
show you an example so if you let's
11:14
suppose
11:24
uh this word will not be detected youu y
11:29
u because this is also a incorrect word
11:33
but uh
11:34
the length is smaller than four so if I
11:38
make it two right here this word will Al
11:40
also be detected because this is not a
11:43
word Yu it will tell you to fix this as
11:49
well so I think two
11:52
is a good setting you need to change
11:55
from four to two because there are words
11:58
which are there
11:59
less than four characters which are
12:01
which can be incorrect so two is the
12:04
correct setting and then we have the
12:07
most important setting is the number of
12:09
suggestions that you get so it is set to
12:11
eight so if you make any sort of mistake
12:14
uh let's
12:18
suppose when you hover onto this you get
12:21
these suggestions so by default eight
12:23
suggestions comes 1 2 3 4 5 6 7 8 so if
12:27
you want to change the setting uh let's
12:29
suppose you only want three suggestions
12:32
you can change this to three and now if
12:34
you hover onto this you will get only
12:37
three suggestions so this is if you want
12:40
more suggestions change it to 15 so
12:43
again if you hover onto
12:46
this you will get 15 suggestions so I
12:50
think the default option is correct for
12:53
this so I will reset to
12:55
to8 which is correct
13:00
so then we have show autocomplete
13:03
suggestions so if you want the
13:06
autocomplete suggestions as you type you
13:07
can toggle this setting to on so what it
13:10
will do as you basically type it will
13:13
show you the correct
13:18
word like
13:22
this so as you basically type any sort
13:25
of character it will give you these
13:26
suggestions which is
13:31
so this is I don't want to set this to
13:34
on so I can turn this off default
13:37
setting is
13:39
good and
13:42
uh then this is it also have more
13:46
settings but these were the main
13:48
settings that I wanted to show you
13:51
overall this is a must it's a good
13:54
extension to have because many of times
13:56
you can make typo mistakes while coding
13:59
so that time this extension will try to
14:03
detect these errors in comments also if
14:06
you make any sort of typo mistake this
14:09
will highlight those
14:12
words like
14:15
this you can make multiple
14:21
errors like this so in both these three
14:24
s times we have made errors right here
14:26
you can easily fix it by fixing those
14:33
words like this one by one you can go to
14:42
that same goes with the code as well if
14:45
you make error you will get
14:48
this underline so you can fix
14:51
this so it's a must- in extension that's
14:54
why it has got 11 million downloads so
14:57
most of the people have this this
14:59
extension so please install this
15:01
extension to actually detect your type
15:04
of mistakes so thank you very much for
15:05
watching this video and please hit that
15:08
like button subscribe the channel as
15:10
well and I will be seeing you in the
15:13
next video
#Software
#Development Tools
#Other