Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Markdown Auto Preview & PDF ExportNew to Visual Studio Code? Get it now.
Markdown Auto Preview & PDF Export

Markdown Auto Preview & PDF Export

nikolai.nikonov216

|
2 installs
| (0) | Free
Auto-preview markdown files with a toggle and one-click PDF export
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Auto Preview & PDF Export

Auto-render Markdown files and export them to PDF — built for developers who work with AI agents.

Why?

If you use Claude Code, GitHub Copilot, Cursor, or other AI coding agents, you get a lot of .md files — research reports, plans, changelogs, documentation. But VS Code opens them as raw text by default.

This extension fixes that:

  • Auto Preview — .md files open as rendered previews instantly (no raw text flash)
  • PDF Export — share your Markdown with anyone, even on mobile, with one click

Features

Auto Preview

When enabled, any .md file opens directly as a beautifully rendered preview. Each new file replaces the previous preview in the same editor group — no tab clutter.

Toggle on/off:

  • Click the eye icon in the editor title bar (visible on .md files)
  • Run command: Markdown: Toggle Auto Preview
  • Or set mdPreview.autoPreview in Settings

When off, .md files open as regular text editors.

Tip: You can still edit any file — right-click the tab → "Open With..." → "Text Editor".

PDF Export

Click the PDF icon in the editor title bar to export the current Markdown file to PDF. The PDF is saved next to the original file with the same name.

Uses your system Chrome/Edge/Chromium for high-quality rendering — no extra downloads.

Use Cases

Scenario How it helps
AI agent generates an .md report Opens as readable preview automatically
Need to share a report with a colleague on mobile Export to PDF, send via messenger
Reviewing multiple .md files Each opens as a preview tab, one per group
Want to see raw Markdown Toggle off, or right-click → "Open With..."

Settings

Setting Default Description
mdPreview.autoPreview true Open .md files as rendered previews
mdPreview.pdf.chromePath "" Path to Chrome/Chromium (auto-detected if empty)

Requirements

  • VS Code 1.85.0+
  • macOS / Linux / Windows — works on all platforms
  • For PDF export — any Chromium-based browser:
    • Google Chrome
    • Microsoft Edge
    • Chromium
    • Brave Browser
    • Or set a custom path in mdPreview.pdf.chromePath

Auto-preview works without any browser. A browser is only needed for PDF export.

License

MIT


Markdown Auto Preview & PDF Export (RU)

Авто-рендеринг Markdown файлов и экспорт в PDF — для разработчиков, работающих с AI-агентами.

Зачем?

Если вы используете Claude Code, GitHub Copilot, Cursor или других AI-агентов для кодинга, вы получаете кучу .md файлов — исследования, планы, чейнджлоги, документацию. Но VS Code по умолчанию открывает их как сырой текст.

Это расширение исправляет ситуацию:

  • Авто-превью — .md файлы сразу открываются как отрендеренные превью (без мелькания сырого текста)
  • Экспорт в PDF — поделитесь Markdown с кем угодно, даже на мобильном, в один клик

Возможности

Авто-превью

При включении любой .md файл открывается сразу как красивое превью. Каждый новый файл заменяет предыдущее превью в той же группе редакторов — вкладки не плодятся.

Включить/выключить:

  • Нажмите иконку глаза в заголовке редактора (видна для .md файлов)
  • Команда: Markdown: Toggle Auto Preview
  • Или настройка mdPreview.autoPreview в Settings

При выключении .md файлы открываются как обычные текстовые редакторы.

Совет: Отредактировать файл можно всегда — правый клик по вкладке → "Open With..." → "Text Editor".

Экспорт в PDF

Нажмите иконку PDF в заголовке редактора, чтобы экспортировать текущий Markdown в PDF. PDF сохраняется рядом с оригинальным файлом.

Использует системный Chrome/Edge/Chromium для качественного рендеринга — ничего дополнительно скачивать не нужно.

Сценарии использования

Сценарий Как помогает
AI-агент сгенерировал .md отчёт Открывается как читаемое превью автоматически
Нужно поделиться отчётом с коллегой на мобильном Экспорт в PDF, отправка через мессенджер
Просмотр нескольких .md файлов Каждый открывается как превью-вкладка
Хочется видеть сырой Markdown Выключите toggle или правый клик → "Open With..."

Настройки

Настройка По умолчанию Описание
mdPreview.autoPreview true Открывать .md файлы как превью
mdPreview.pdf.chromePath "" Путь к Chrome/Chromium (авто-определяется если пусто)

Требования

  • VS Code 1.85.0+
  • macOS / Linux / Windows — работает на всех платформах
  • Для экспорта в PDF — любой браузер на Chromium:
    • Google Chrome
    • Microsoft Edge
    • Chromium
    • Brave Browser
    • Или укажите путь вручную в mdPreview.pdf.chromePath

Авто-превью работает без браузера. Браузер нужен только для экспорта в PDF.

Лицензия

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft