Up next in 10
How to Add Live Whiteboard Drawing Editor in VSCode IDE While Coding
7 views
Jul 4, 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 how to add
0:04
a live whiteboard drawing editor inside
0:07
your VS code. So while you write the
0:09
source code, you can even add a visual
0:12
drawing board whiteboard inside your VS
0:15
code. So this is actually the extension.
0:17
Simply go to the extension tab and
0:19
simply type here whiteboard and this
0:22
will be the second extension which comes
0:24
and it's almost got about 200,000
0:28
installs. So once you install this you
0:32
will actually
0:35
if you now write the code here you will
0:38
see this option appearing
0:42
I think at the status bar. Why you will
0:46
you can open your command pallet and
0:48
just type here
0:53
live share whiteboard and you will see
0:57
this option open whiteboard
1:02
go to command pallet just type live
1:04
share
1:06
whiteboard.
1:07
So now it as you click this the
1:10
whiteboard
1:14
will open here.
1:29
So it's a experimental extension. So
1:31
it's uh it can work or it cannot work.
1:35
This is the way by which you can open
1:37
it. You can see command pallet and just
1:40
type here live share.
1:49
You need to first of all sign in
1:52
for this extension to work. So we are
1:54
signing it with your GitHub account or
1:56
you can use your Microsoft account. So
1:58
once you sign in authorize this
2:10
just failed.
2:28
Just need to sign in. After you sign in,
2:34
you need to open the
2:37
VS code.
2:55
So this is the extension. You can even
2:57
try this on your own PC as well. It's
3:00
experimental extension.
3:04
So also check out my website uh
3:08
freemediatools.com
3:12
uh which contains uh thousands of tools.