Can VSCode display a Markdown syntax preview pane?

Question

I am typing a README document in Markdown using Visual Studio Code. I found an online browser-based tool called Markdown Live Preview, but I was wondering if VSCode had any sort of handy split-window pane already built into it.

Answer 1

Make sure that your document is saved as a Markdown file in VSCode:

File > Save as > README.md (The text will be color-coded.)

In the top right corner of VSCode, click the "Split Editor" icon to enable side-by-side editing.

Click the "Open Preview" magnifying glass icon to view a live preview of your Markdown syntax that updates as you type!

Answer 2

The "Mouse-Clicks" way seems inefficient, try vscode pre-defined keybind as markdown.showPreviewToSide:

ctrl+k v

which means when you are editing a markdown file, press Ctrl+k, then loosen both and press v, it comes a preview of current markdown file in the other splited side.