How to Open & Preview PDF Files in VSCode IDE With Built in Editor to Read them
0 views
Jul 5, 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
0:04
preview your PDF files directly inside
0:06
VS Code. You can open them, just read
0:09
them like normal files. By default, VS
0:12
Code doesn't have a built-in PDF uh
0:15
previewer. There is extension that you
0:17
can install here which is called as VS
0:20
code- PDF. If you just write this the
0:23
very first extension which comes right
0:25
here, this is the extension I'm talking
0:27
about. display PDF file in VS Code. So
0:32
basically it's used by almost 9 million
0:34
developers. So it's a very good
0:36
extension. Simply click the install
0:39
button. And as soon as you click the
0:41
install button now you can actually
0:43
preview your PDF files. So let me just
0:46
open this PDF file here. Side by side
0:49
inside this VS code itself you will see
0:52
the live preview of the PDF file. You
0:54
can see we have all the controls. We can
0:57
navigate to any page. We can go to the
0:59
next page. We can read this. We also
1:02
have the automatic zoom functionality as
1:05
well. If you want to zoom in or zoom
1:09
out, you also have these buttons to
1:12
actually you have this open file button.
1:15
So here you can actually open any file
1:18
here.
1:20
So you can select any file here.
1:24
So it's easy. That's easy.
1:28
And then we also have the download
1:30
button
1:32
as well. It's a complete editor. You can
1:35
even print. So you can see it's
1:38
preparing your document for printing
1:39
purposes as well. So all these things
1:42
you can do this. You can rotate the page
1:44
clockwise. This is your hand tool. So
1:47
you can move it basically any section.
1:51
So in this easy way you can do this you
1:54
preview your PDF files you can check out
1:56
the document properties as well file
1:59
name file size creation date creator
2:02
producer version size all these things
2:05
you can do that so all these buttons are
2:07
there so you can basically
2:11
install this extension and go to last
2:14
page go to first page all these buttons
2:16
you can see
2:18
it's a great extension so definitely
2:20
Install this extension guys. Go just
2:23
simply go to extensions just type VS
2:26
code PDF and this is the extension.
2:28
Simply install it and please hit that
2:31
like button, subscribe the channel and
2:33
also check out my website free
2:36
mediatools.com
2:37
uh which contains thousands of tools.