VSCode内置Markdown预览功能,无需插件即可实时查看渲染效果。可通过右键选择“在侧边预览 Markdown”、使用快捷键Ctrl+Shift+V(Windows/Linux)或Cmd+Shift+V(Mac),或在命令面板中输入“Markdown: Open Preview”开启预览。预览支持与编辑器同步滚动,点击预览内容可定位对应源码(需启用“markdown.preview.scrollEditorWithPreview”设置)。预览窗口可固定在侧边、底部或独立标签页,便于多布局协作,支持语法高亮、表格、列表、代码块、链接及本地图片显示(路径需正确,如./images/logo.png)。该功能适合编写文档、笔记或README文件,实现边写边看,提升编辑效率。

在VSCode中使用Markdown预览非常方便,可以直接查看你编写的Markdown文件的渲染效果。不需要额外安装插件,因为VSCode自带对Markdown的基本支持。
打开Markdown预览
要启用预览功能,可以按照以下任意一种方式操作:
- 右键点击编辑器中的Markdown文件(.md),选择“在侧边预览 Markdown”
- 使用快捷键 Ctrl+Shift+V(Windows/Linux)或 Cmd+Shift+V(Mac)在右侧打开预览
- 点击菜单栏的“视图” → “命令面板”,输入“Markdown: Open Preview”并执行
实时同步预览
预览窗口支持与编辑器同步滚动:
- 当你在编辑器中滚动时,预览内容也会跟随滚动到对应位置
- 点击预览区域的某一部分,编辑器会自动跳转到对应的Markdown源码位置(需要开启“预览同步滚动”)
- 这个功能默认开启,如果没反应,可在设置中搜索“markdown.preview.scrollEditorWithPreview”进行确认
常用操作和技巧
提升使用效率的一些小技巧:
- 使用“在侧边预览”时,预览窗口会固定在右侧;关闭后再次用快捷键可重新打开
- 可将预览窗口拖动到底部或单独标签页,适应不同工作布局
- 支持基本的Markdown语法高亮、表格、列表、代码块、链接和图片显示
- 本地图片路径需正确(如:
./images/logo.png),否则预览中无法显示










