Extensions
VS Code Extension

VS Code extension

Markdown Viewer & Reader adds a fast, clean Markdown preview to VS Code with rich rendering (tables, diagrams, math) and export tools.

Install

What it does

  • Live preview panel that stays in sync as you type
  • GitHub Flavored Markdown (GFM) rendering (tables, task lists, code fences)
  • Diagrams: Mermaid, Graphviz/DOT, Markmap
  • Math rendering
  • Export to HTML or PDF

Quickstart

  1. Open any .md file.
  2. Run Markdown Viewer & Reader: Open Markdown Preview (Command Palette), or use the preview icon in the editor title bar.
  3. To export, run:
    • Markdown Viewer & Reader: Export to HTML
    • Markdown Viewer & Reader: Export to PDF

Tip: PDF export opens a temporary HTML file in your browser and uses the print dialog (“Save as PDF”).

Screenshots

VS Code preview with rich tables

Mermaid sequence diagram in VS Code

Graphviz flowchart in VS Code

Privacy & offline

  • No document content is sent to MD Editor servers by this extension.
  • Rendering happens locally inside the VS Code webview sandbox.
  • The extension works offline.

Known limitations

  • PDF export depends on your browser’s print-to-PDF behavior and can vary slightly by OS/browser.
  • Very large diagrams may render slowly depending on your machine.

Related