VSCode默认支持Markdown预览,无需插件,打开.md或.markdown文件后可通过命令面板或右键菜单选择“Open Preview to the Side”实现分屏预览,启用同步滚动设置后可实现编辑与预览的联动,配合快捷键Ctrl+Shift+V和推荐的相对路径引用图片可提升使用体验,基本功能开箱即用。
VSCode 默认就支持 Markdown 预览,无需额外安装插件即可使用。只要你的文件扩展名为 .md 或 .markdown,VSCode 会自动识别并提供预览功能。
打开 Markdown 预览
点击菜单栏的“查看” → “命令面板”,输入以下命令之一:
- Markdown: Open Preview
- Markdown: Open Preview to the Side
也可以直接在编辑器中右键选择“Open Preview to the Side”,预览窗口就会在右侧或下方显示实时渲染效果。
实时预览与同步滚动
开启预览后,编辑 Markdown 内容时,预览会自动刷新。如果希望编辑和滚动时预览同步跟随,确保设置已启用:
- 打开设置(Ctrl + ,)
- 搜索 “markdown.preview.sync”
- 勾选“Markdown › Preview: Scroll Editor with Preview” 和 “Scroll Preview with Editor”
这样在编辑器中滚动时,预览视图也会跳转到对应位置,反之亦然。
常用技巧
提升 Markdown 编辑体验的小建议:
- 使用快捷键 Ctrl+Shift+V 可快速在当前文档打开预览
- 支持基本语法高亮、表格、链接、图片(本地或网络路径均可)
- 若图片不显示,检查路径是否正确,推荐使用相对路径
- 可安装“Markdown All in One”插件增强功能,如自动生成目录、快捷键支持等
基本上就这些,不需要复杂配置,VSCode 对 Markdown 的支持开箱即用。