如何让VSCode支持Markdown预览?

VSCode默认支持Markdown预览,无需插件,打开.md或.markdown文件后可通过命令面板或右键菜单选择“Open Preview to the Side”实现分屏预览,启用同步滚动设置后可实现编辑与预览的联动,配合快捷键Ctrl+Shift+V和推荐的相对路径引用图片可提升使用体验,基本功能开箱即用。

如何让VSCode支持Markdown预览?

VSCode 默认就支持 Markdown 预览,无需额外安装插件即可使用。只要你的文件扩展名为 .md.markdown,VSCode 会自动识别并提供预览功能。

如何让VSCode支持Markdown预览?

如知AI笔记

如知笔记——支持markdown的在线笔记,支持ai智能写作、AI搜索,支持DeepseekR1满血大模型

如何让VSCode支持Markdown预览?27

查看详情 如何让VSCode支持Markdown预览?

打开 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 的支持开箱即用。

相关标签:

vscode vscode

上一篇
下一篇