MD Viewer Plus

View Markdown files in VS Code with a live custom preview.

Features

• Rendered preview for .md and .markdown files.
• Source, preview, and split modes from the editor title bar and command palette.
• Live updates as Markdown source changes.
• Scroll synchronization between source and preview.
• Table of contents for documents with multiple h2/h3 headings.
• Theme-aware styling using VS Code colors.

Usage

1. Open a Markdown file.
2. Run MD Viewer: Toggle Code View, or use Cmd+K / Ctrl+K, to switch between preview and source.
3. Run MD Viewer: Split Source / Preview, or use Cmd+L / Ctrl+L, to edit source beside the preview.
4. Use MD Viewer: Source Mode to return to the text editor.

The extension registers its preview as an optional custom editor so normal Markdown files still open as source by default.

Settings

Development

No build step is required; the extension is plain JavaScript.

1. Open this folder in VS Code.
2. Press F5 to launch the Extension Development Host.
3. Open any .md file and run MD Viewer: Preview Mode.

Package locally:

npm install
npm run build:local
npm run install:local

License

MIT