One-click sidebar Markdown preview for VS Code — see your .md files rendered without leaving the editor.
✨ 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
- Install from VS Code Marketplace
- Open any
.md file
- 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.0 or higher
📄 License
MIT
Enjoy writing Markdown with instant preview! 🎉
| |
