Live Markdown preview for VS Code with a dedicated outline view in the
Activity Bar. Browse the heading structure of the active document, jump to
any heading with a click, and keep the editor and preview scrolled together
as you write.
Features
Live Markdown preview that re-renders as you type.
Two display modes: side-by-side, or replace the current editor column.
Outline view (H1–H6) in a dedicated Document Outline Previewer Activity
Bar container; click a heading to jump to it.
Outline keeps showing the last active Markdown document even when focus
moves to the preview, the Output panel, or other non-Markdown views.
Synchronized scrolling between editor and preview.
Syntax-highlighted fenced code blocks.
Hardened, secure WebView rendering.
Getting started
Open a Markdown (.md) file.
Open the Command Palette and run Document Outline Previewer: Open
Preview — or click the open-preview icon in the Document Outline
Previewer view in the Activity Bar.
Edit the document; the preview updates automatically and scrolls in sync
with the editor.
Click any heading in the Outline view to jump to it in both the editor
and the preview.
Action
How
Open preview side-by-side
Command Palette → Document Outline Previewer: Open Preview
Open preview in the current column
Command Palette → Document Outline Previewer: Open Preview (Current Column)
Jump to a heading
Click a heading in the Document Outline Previewer Outline view
Commands
Command ID
Title
Category
Description
markdownViewer.open
Open Preview
Document Outline Previewer
Open the preview beside the current editor column.
markdownViewer.openCurrentColumn
Open Preview (Current Column)
Document Outline Previewer
Open the preview in the current editor column.
markdownViewer.revealHeading
Reveal Heading
Document Outline Previewer
Internal command used by the Outline view (hidden from the Command Palette).
