【工具】VSCode 中的MD编辑插件Markdown Prev

前言

在日常中，由于工作等需要，经常需要写文档，由于习惯了MD的文档编写形式，所以在大多数情况下都是使用MD的形式进行文档编写，这样可以方便编写完成后转换成其它格式或直接发布为博客（注:博客为静态博客，使用MD作为底层的文档格式）。

遇到问题

在本地进行MD的编辑时，一般采用Typora进行编辑，同时支持对应的图片资源使用插件PicGo一键上传OSS，同时支持导出不同格式的文件，如PDF、HTML等。
最近需要一些对历史文档进行版本对比和可视化的查看，显然在Typora中是无法满足可视化的对比。于是借助对应的VSCode软件将文件进行Git管理。通过Git进行管理对应的历史编辑内容于对比。于是需要一个能在VSCode中全部完成编辑、查看、导出等功能的插件。

遇到问题解决问题

在搜索了较多的插件后，最后定位在了Markdown Preview Enhanced上。主要有以下几个优点

• 可视化相应相对比较快
• 支持格式较完善，同时配备官方的教程文档（适合新手学习）
• 可以快速导出对应内容。

官方特性

• 自动编辑器及预览滑动同步
• 导入外部文件
• Code Chunk
• Pandoc
• Prince
• 电子书
• 幻灯片
• 可扩展性
• LaTeX 数学
• 导出 PDF, PNG, 以及 JPEG 凭借 Puppeteer
• 导出漂亮的 HTML（移动端支持）
• 编译到 GitHub Flavored Markdown
• 自定义预览 CSS
• TOC 生成
• 流程图 / 时序图 以及各种其他种类的图形
• 嵌入 LaTeX, 渲染 TikZ, Chemfig 等图形
• Task List (Github Flavored)
• 图片助手
• 脚注
• Front Matter
• 以及更多。。。

下载方式

VSCode中安装

在插件中心搜索Markdown Preview Enhanced即可安装
注：目前已经百万安装。

官方文档地址

https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/