VSCode中可实现Markdown保存后自动打开预览窗口,方法包括:一、设置界面启用autoShowPreviewPane和openPreviewToSide;二、手动修改settings.json添加对应配置;三、自定义快捷键绑定showPreviewToSide命令;四、安装Markdown Preview Enhanced扩展支持实时刷新。

如果您在VSCode中编辑Markdown文件时希望保存后自动打开预览窗口,而非手动触发,可能是由于默认设置未启用自动预览功能。以下是实现该功能的多种方法:
本文运行环境:MacBook Air,macOS Sequoia。
一、通过设置界面启用Auto-Open Markdown Preview
VSCode提供图形化设置入口,可直接修改Markdown预览相关配置项,无需编辑JSON文件,适合初学者快速启用。
1、点击左下角齿轮图标,选择设置。
2、在右上角搜索框中输入markdown.preview.autoShowPreviewPane。
3、勾选该项右侧的复选框,使其值变为true。
4、再搜索markdown.preview.openPreviewToSide,勾选以确保预览窗格在右侧打开。
二、手动修改settings.json配置文件
直接编辑用户设置文件可实现更精确控制,并支持同步至其他设备,适用于熟悉VSCode配置结构的用户。
1、按下Cmd + ,(macOS)或Ctrl + ,(Windows/Linux)打开设置界面。
2、点击右上角打开设置(JSON)图标(两个大括号{})。
3、在花括号内添加以下两行配置:
"markdown.preview.autoShowPreviewPane": true,
"markdown.preview.openPreviewToSide": true
三、使用快捷键绑定自动触发预览
若不希望依赖保存动作,可通过自定义键盘快捷键实现一键唤起并固定预览窗格,提升操作效率。
1、按下Cmd + Shift + P(macOS)调出命令面板。
2、输入并选择Preferences: Open Keyboard Shortcuts (JSON)。
3、在打开的keybindings.json中插入如下对象:
{
"key": "cmd+k v",
"command": "markdown.showPreviewToSide",
"when": "editorTextFocus && editorLangId == 'markdown'"
}
四、安装扩展增强自动预览行为
原生VSCode仅支持保存后自动显示预览窗格,但不支持实时刷新或悬浮预览;第三方扩展可补足此能力。
1、点击左侧活动栏的扩展图标(四个方块拼成的图案)。
2、在搜索框中输入Markdown Preview Enhanced。
3、点击安装,完成后重启VSCode。
4、右键编辑器内任意Markdown文档,选择Open Preview to the Side,之后该文件将自动监听变更并刷新预览。










