VS Code中markdown插件

之前介绍过Marpit Markdown插件，制作PPT的利器。这里再介绍两款markdown插件。

Markdown All in One

• 支持一般markdown语法和功能，不支持mermaid、emoji等特殊用法。
• 预览使用功能键Ctrl + Shift + V 。
• 在Command Palette（命令控制板Ctrl + Shift + P）内有一些非常有用的命令：
  • Markdown All in One: Create Table of Contents 创建目录
  • Markdown All in One: Update Table of Contents 更新目录
  • Markdown All in One: Add/Update section numbers 添加 / 更新章节编号
  • Markdown All in One: Remove section numbers 删除章节编号
  • Markdown All in One: Toggle code span 触发设置代码范围（`code`）
  • Markdown All in One: Toggle code block 触发设置代码块(```codes```)
  • Markdown All in One: Print current document to HTML
  • Markdown All in One: Toggle math environment 触发设置数学环境
  • Markdown All in One: Toggle list 触发设置列表环境

Markdown Preview Enhanced

• 支持mermaid、emoji等特殊用法。

• Markdown Preview Enhanced 内部支持 flow charts, sequence diagrams, mermaid, PlantUML, WaveDrom, GraphViz，Vega & Vega-lite，Ditaa 图像渲染。 也可以通过使用 Code Chunk 来渲染 TikZ, Python Matplotlib, Plotly 等图像。

  • 但要注意，它们生成的图，pdf或pandoc等并不一定都可以直接输出。比如mermaid的甘特图、序列图和流程图，可以直接输出到pdf，而类图、饼图、状态图、日程图等在直接生成的pdf文档中显示不出来。
  • 解决办法是先保存成html文件，然后再打印成pdf文件。

• 在Command Palette（命令控制板）内有一些非常有用的命令：

  • Markdown: Markdown Preview Enhanced: Open Preview to the Slide
  • Markdown: Markdown Preview Enhanced: Open Preview
  • Markdown Preview Enhanced: Create Toc 生成 TOC（需要预览实现打开）。
  • Markdown Preview Enhanced: Toggle Scroll Sync 开／关预览滑动同步。
  • Markdown Preview Enhanced: Toggle Live Update 开／关预览实时更新。 如果关闭了，则预览只会在 markdown 文件保存时才会更新。
  • Markdown Preview Enhanced: Insert New Slide 插入新幻灯片并进入 presentation 模式。
  • Markdown Preview Enhanced: Insert Table 插入表格。
  • Markdown Preview Enhanced: Insert Page Break 插入断页符。
  • Markdown Preview Enhanced: Image Helper 图片助手支持快速插入图片链接，拷贝本地图片，和上传图片（powered by imgur and sm.ms）。国内用户推荐使用 sm.ms，墙内不限量免费上传图片。

• 更多命令和MPE操作详细说明参见 Markdown Preview Enhanced中文版

vscode-drawio 流程图

这个插件和markdown无关，是用来画流程图的，相当于简版的visio。

使用方法：

1. 安装vscode-drawio插件
2. 先在桌面创建一个空白的.drawio文件。
3. 然后在VS code里打开这个文件，就会出现类似visio的操作界面。