markdownvisual-studio-code

Can VSCode display a Markdown syntax preview pane?


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.


Solution

  • 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!

    VSCode Icon Labels