VS Code Extensions
Markdown Preview Sidebar

Markdown Preview Sidebar

by codehi

One-click sidebar Markdown preview with GitHub-style rendering, live refresh, and theme-aware styling

Downloads

9

Rating

— (0)

Version

0.0.4

Last updated

Jul 08, 2026

One-click sidebar Markdown preview for VS Code — see your .md files rendered without leaving the editor.

Version VS Code License


✨ Features

  • 🖱 One-click toggle — activity bar icon opens a dedicated sidebar panel
  • 🔄 Auto-follow — preview always shows your active .md file
  • ⚡ Live refresh — content updates instantly as you type (300ms debounce)
  • 🎨 GitHub-style — marked rendering + highlight.js syntax highlighting
  • 🌗 Theme aware — dark/light adaptive via VS Code CSS variables
  • 📦 Zero config — install and use immediately, no settings needed

📸 Screenshot

┌──────────────────────────────────────────────┐
│  [MD]  ← activity bar icon                  │
│   │                                          │
│   └── Markdown Preview (sidebar panel)       │
│       ┌────────────────────────────────┐     │
│       │  # My Document                 │     │
│       │                                │     │
│       │  This is **rendered**          │     │
│       │  Markdown with code            │     │
│       │  highlighting ✨               │     │
│       │                                │     │
│       └────────────────────────────────┘     │
└──────────────────────────────────────────────┘

🚀 Quick Start

  1. Install from VS Code Marketplace
  2. Open any .md file
  3. Click the MD icon in the activity bar
  4. Done — preview appears in the sidebar

⌨️ Keyboard Shortcut

No default shortcut. To add one:

  1. Open Keyboard Shortcuts (Cmd+K Cmd+S / Ctrl+K Ctrl+S)
  2. Search markdown-preview-sidebar
  3. Assign your preferred keybinding

🔧 Requirements

  • VS Code ^1.74.0 or higher

📄 License

MIT


Enjoy writing Markdown with instant preview! 🎉

Related extensions