One-click sidebar Markdown preview for VS Code — see your
.mdfiles rendered without leaving the editor.
✨ Features
- 🖱 One-click toggle — activity bar icon opens a dedicated sidebar panel
- 🔄 Auto-follow — preview always shows your active
.mdfile - ⚡ Live refresh — content updates instantly as you type (300ms debounce)
- 🎨 GitHub-style —
markedrendering +highlight.jssyntax 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
- Install from VS Code Marketplace
- Open any
.mdfile - Click the MD icon in the activity bar
- Done — preview appears in the sidebar
⌨️ Keyboard Shortcut
No default shortcut. To add one:
- Open Keyboard Shortcuts (
Cmd+K Cmd+S/Ctrl+K Ctrl+S) - Search
markdown-preview-sidebar - Assign your preferred keybinding
🔧 Requirements
- VS Code
^1.74.0or higher
📄 License
Enjoy writing Markdown with instant preview! 🎉