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 3 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.

egghead
egghead
~ 14 minutes ago

Member comments are a way for members to communicate, interact, and ask questions about a lesson.

The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io

Be on-Topic

Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.

Avoid meta-discussion

  • This was great!
  • This was horrible!
  • I didn't like this because it didn't match my skill level.
  • +1 It will likely be deleted as spam.

Code Problems?

Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context

Details and Context

Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!

Markdown supported.
Become a member to join the discussionEnroll Today