macos 上 vs code 内置 markdown 预览开箱即用:cmd+shift+v 快速打开并固定右侧预览,启用 files.autosave 和 sync scrolling 实现实时刷新与滚动同步,勾选 enableextendedautolinks 和 enablescripts 解决链接、脚本问题,调整 fontsize 和 breakonsinglenewline 优化显示效果。
macos 上用 vs code 写 markdown,内置预览功能开箱即用,不用装插件也能边写边看——关键在快捷键、设置和几个容易忽略的细节。
快速打开并固定预览窗口
打开任意 .md 文件后,按 Cmd + Shift + V,预览会自动出现在右侧。这是最直接的方式。
- 如果预览没在右边,拖动它的标签页到编辑器右边缘,看到蓝色吸附线后松手,VS Code 会记住这个布局
- 再次按 Cmd + Shift + V,会在当前预览和底部预览之间切换,小屏写作时很实用
- 右键编辑区 →「Open Preview to the Side」效果相同,适合记不住快捷键时备用
让预览真正“跟得上”你的输入
默认情况下,预览不会实时刷新,而是等你保存文件(Cmd + S)后才更新。但可以调得更顺手:
部署和使用军舰的 macOS Automator 自动化服务集合。包含 5 个实用工作流:PDF转JPG、PNG重命名并转JPG、图像拼接、解压RAR、顺序命名图像文件。一键安装所有服务到 ~/Library/Services/ 目录。使用场景:(1) "安装我的自动化服务",(2) "部署所有 Automato...
- 开启自动保存:设置中搜索 files.autoSave,选 afterDelay(比如延迟 1 秒),打完字稍停就保存,预览随即刷新
- 启用同步滚动:点击预览窗口右上角的两个箭头图标(Sync Scrolling),编辑时滚动条会自动对齐对应位置
- 双击预览中的任意文字,光标立刻跳转到源码对应行,查结构、改标题非常快
修复常见显示问题
中文标题变普通文本、链接点不开、表格没边框?不是插件问题,是默认限制:
- 勾选 markdown.preview.enableExtendedAutolinks:让
https://xxx自动变成可点击链接 - 开启 markdown.preview.enableScripts(仅限本地可信文档):支持部分内联脚本和交互元素
- 注意:自定义 CSS、
<style></style>标签、class 属性不会生效,原生预览不加载这些
提升阅读体验的实用设置
让右侧预览看起来更舒服、更接近最终发布效果:
- 调大字体:搜索 markdown.preview.fontSize,设为 15 或 16
- 修复换行:开启 markdown.preview.breakOnSingleNewLine,两个空格换行才真正起作用
- 想接近 GitHub 风格?安装官方扩展 Markdown Preview Github Styling,它会注入真实 GitHub CSS










