VSCode原生支持Markdown预览,通过快捷键Ctrl+Shift+V打开实时渲染预览,配合Markdown All in One、Markdown Preview Enhanced等插件可实现目录生成、数学公式显示、导出PDF等功能,提升写作效率。

用 VSCode 写 Markdown 是很多开发者和技术写作者的首选,因为它轻量、高效,并且原生支持 Markdown。配合一些插件和快捷操作,你可以轻松编写并实时预览文档内容。
启用内置 Markdown 预览
VSCode 自带 Markdown 预览功能,无需额外安装即可使用。
- 打开一个 .md 文件后,右键选择 Open Preview,或使用快捷键 Ctrl+Shift+V(Windows/Linux)或 Cmd+Shift+V(Mac)。
- 预览窗口会出现在右侧,支持基本的格式渲染,包括标题、列表、代码块、链接和图片等。
- 编辑文档时,预览内容会自动刷新,无需手动重载。
提升写作体验的实用插件
虽然 VSCode 原生功能已够用,但安装几个插件能让 Markdown 编辑更顺手。
- Markdown All in One:提供快捷键支持、目录生成、自动补全等功能,比如用 Ctrl+Enter 快速插入列表项。
- Markdown Preview Enhanced:增强预览功能,支持导出为 PDF、HTML,还能渲染数学公式(LaTeX)和图表(如 Mermaid)。
- Code Spell Checker:检查拼写错误,对英文写作特别有帮助。
边写边看:并排预览与同步滚动
一边编辑一边查看效果,能大幅提高效率。
本文档主要讲述的是使用JSON进行网络数据交换传输;JSON(JavaScript ObjectNotation)是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成,非常适合于服务器与客户端的交互。JSON采用与编程语言无关的文本格式,但是也使用了类C语言的习惯,这些特性使JSON成为理想的数据交换格式。 和 XML 一样,JSON 也是基于纯文本的数据格式。由于 JSON 天生是为 JavaScript 准备的,因此,JSON的数据格式非常简单,您可以用 JSON 传输一个简单的 St
- 使用 Ctrl+K V 可在侧边打开预览,编辑器和预览并列显示。
- 滚动编辑区时,预览视图会同步滚动,方便对照修改。
- 点击预览中的标题或段落,编辑器会自动跳转到对应位置,实现“点击跳转”。
导出与发布
写完文档后,你可能需要导出为其他格式。
- 通过 Markdown Preview Enhanced 插件,右键预览页面可选择导出为 PDF 或 HTML。
- 若需发布到博客或文档站,可直接复制 Markdown 内容,或结合 GitHub/GitLab 提交源文件。
- 使用 front matter(如 --- title: ... ---)可为静态站点生成器(如 Hugo、Jekyll)准备元数据。
基本上就这些。VSCode 搭配合理设置,足以胜任日常 Markdown 写作任务,不复杂但容易忽略细节。









