一个 VS Code Markdown 预览插件,支持目录导航和图片粘贴功能。
- 打开 Markdown 文件后,可以直接查看渲染后的内容
- 左侧显示文档目录(TOC),自动提取所有标题
- 点击目录项可以快速定位到对应位置
- 实时同步:编辑文档时预览自动更新
- 优化双向滚动同步:编辑区和预览区可以互相跟随定位,减少同步抖动
- 粘贴图片:剪贴板图片保存到文档同级
images/并插入引用(预览区「粘贴图片」或智能粘贴快捷键) - 插入图片:命令面板「MD View: 插入图片」或预览区「插入图片」;支持一次多选多张,按选择顺序每张一行插入;已在
images/下的文件只引用不复制,其余复制到images/(image-<时间戳>-<序号>.扩展名) - 预览中可直接浏览本地图片
- 快捷键:
Ctrl+Shift+V(Mac:Cmd+Shift+V) - 命令面板: 输入 "MD View: 打开预览"
- 编辑器标题栏: 点击预览图标
- 复制图片到剪贴板(截图或复制图片)
- 在 Markdown 编辑器中:
- 快捷键:
Ctrl+shift+Alt+V(Mac:Cmd+shift+Alt+V) - 按钮点击: 预览区「粘贴图片」
- 快捷键:
- 图片保存为
images/image-<时间戳>.png并插入引用
- 光标放在插入位置;Markdown 须已保存到本地
- 执行「MD View: 插入图片」或预览区「插入图片」
- 在系统文件对话框中按住 Ctrl(macOS 为 Cmd)多选若干图片;确定后按顺序插入,每张一行
粘贴图片后,会自动创建以下结构:
your-document.md
images/
├── image-2026-01-26T10-30-00-000Z.png
├── image-2026-01-26T10-35-00-000Z.png
└── ...
| 功能 | Windows/Linux | Mac |
|---|---|---|
| 打开预览 | Ctrl+Shift+V |
Cmd+Shift+V |
| 粘贴图片 | Ctrl+shift+Alt+V |
Cmd+shift+Alt+V |
# 安装依赖
npm install
# 编译
npm run compile
# 监听模式
npm run watch按 F5 启动调试,将打开一个新的 VS Code 窗口来测试插件。
MIT
