View a Markdown Preview directly in VSCode

Chris Achard
InstructorChris Achard
Share this video with your friends

Social Share Links

Send Tweet
Published 5 years ago
Updated 4 years ago

VSCode can natively preview markdown files. Open a markdown file in VSCode and press cmd-k v, or the Open Preview to the Side button.

The Preview is live and updates as you type, and it switches live as you switch between markdown files.

Instructor: [0:00] We have a Markdown file called index.md open in VS Code. Let's fill it with some Markdown. We can say, "Hello World. This is Markdown." The first thing to notice is that it has some syntax highlighting built in for Markdown.

[0:16] But we can go beyond that and get a live preview by clicking this button over here. This is "Open Preview to the Side," and the shortcut key is Ctrl+K V. When we click that, we get a live preview. This has all the Markdown features, even syntax highlighting.

[0:33] If we have some JavaScript here, then that appears over here as well. We could even have more than one file. Let's make a new file called index2.markdown. We could say, "This is index 2." We see the live preview over here, and when we switch to the first file, the preview switches as well.