启用VS Code内置预览与插件可实现Markdown所写即所得:1. 用Ctrl+Shift+V打开实时预览;2. 安装Markdown All in One等插件增强功能;3. 配置自动换行、保存格式化等设置;4. 分屏编辑并同步滚动,提升写作效率。

要在 VS Code 中实现“所写即所得”的 Markdown 编辑体验,关键在于合理配置编辑器功能,结合实时预览与便捷的书写辅助工具。通过插件、设置和快捷键的组合,你可以一边写作一边查看渲染效果,几乎接近即时反馈,提升写作效率。
启用实时预览功能
VS Code 内置了对 Markdown 的支持,无需额外安装即可打开预览窗口。
- 使用快捷键 Ctrl+Shift+V(Windows/Linux)或 Cmd+Shift+V(Mac)可在右侧打开实时渲染的 HTML 预览。
- 每次保存或输入内容后,预览会自动刷新,保持与源码同步。
- 也可右键编辑区域选择“Open Preview”来启动。
安装增强型 Markdown 插件
基础功能之外,可通过扩展提升编辑体验:
- Markdown All in One:提供目录生成、快捷键补全、自动列表编号等功能,简化格式输入。
- Markdown Preview Enhanced:支持 LaTeX 数学公式、图表(如 Mermaid、PlantUML)、导出 PDF/HTML,预览更强大。
- Code Spell Checker:检测拼写错误,适合英文写作。
优化编辑器设置
在 settings.json 中添加以下配置,让写作更流畅:
- 开启自动换行:
"editor.wordWrap": "on" - 启用自动格式化保存:
"editor.formatOnSave": true - 绑定预览同步滚动:
"markdown.preview.scrollEditorWithPreview": true - 设定默认字体清晰易读:
"editor.fontFamily": "'Courier New', monospace"
使用分屏实现边写边看
将编辑器与预览并排显示,真正实现“所写即所得”:
- 打开 Markdown 文件后,执行“Open Preview to the Side”命令(可用快捷键或命令面板搜索)。
- 左侧写,右侧看,修改时右侧自动更新。
- 配合“Sync Scrolling”,滚动到某段文字时,预览也会跳转到对应位置。
基本上就这些。合理利用 VS Code 的原生功能和社区插件,不需要复杂配置就能搭建一个高效、直观的 Markdown 写作环境。不复杂但容易忽略。










