VSCode是编写Markdown的高效工具,自带预览功能(Ctrl+Shift+V唤出)、支持插件扩展(如Markdown All in One、Preview Enhanced)、语法检查(Markdownlint)、路径补全及自定义导出与样式。

VSCode 是编写 Markdown 的绝佳工具,轻量、可扩展、响应快,配合几个关键设置和插件,就能实现高效写作与实时预览。
基础配置:启用自带预览功能
VSCode 自带 Markdown 支持,无需额外安装核心功能。打开任意 .md 文件后,按 Ctrl+Shift+V(Windows/Linux)或 Cmd+Shift+V(Mac)即可唤出右侧预览窗格。预览会随编辑自动刷新,无需手动刷新。
- 想固定预览窗格?右键预览标签页 → 选择 “Keep Preview”
- 预览默认是只读的,但支持复制文本、跳转标题锚点、点击链接
- 若预览未自动更新,检查设置中是否启用了 "markdown.preview.refreshOnSave"(建议开启)
提升体验:推荐实用插件
原生功能够用,但加装少量插件能让写作更顺手:
-
Markdown All in One:一键生成目录、快捷输入列表/标题/引用、支持 Typora 风格的数学公式(需开启
markdown.extension.math.enabled) - Markdown Preview Enhanced:比原生预览更强——支持导出 PDF/HTML、绘制流程图(Mermaid)、LaTeX 公式渲染、本地图片拖拽插入
- Docs View:在侧边栏显示当前文档大纲,点击快速跳转,适合长文导航
写得更规范:启用语法检查与自动补全
避免低级错误,让文档结构更清晰:
- 安装 Red Hat's YAML 或 Markdownlint 插件,后者可基于社区规则(如 no-duplicate-header)实时标红问题
- 在设置中搜索 “markdown.suggest.paths”,设为 true,即可在输入
[text](时自动提示本地文件路径 - 启用 “editor.quickSuggestions” 并勾选 strings,让链接、图片路径补全更智能
进阶技巧:自定义样式与导出
预览默认样式较简朴,可个性化;导出也无需离开编辑器:
- 通过 Markdown Preview Enhanced 的 “Custom CSS” 功能,添加自己的 CSS 文件,调整字体、代码块高亮、表格边框等
- 右键预览区 → “Export to HTML/PDF”,PDF 导出支持页眉页脚、目录生成(需配置 Pandoc 或使用插件内置引擎)
- 想用 GitHub 风格渲染?在设置中将 “markdown.preview.githubStyle” 设为 true(VSCode 1.85+ 原生支持)
基本上就这些。不用折腾复杂工具链,VSCode + 几个插件 + 合理配置,就能兼顾写作效率、视觉预览和成果输出。










