VS Code中markdown插件
2020-07-09 本文已影响0人
冬之心
之前介绍过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文件。
- 但要注意,它们生成的图,pdf或pandoc等并不一定都可以直接输出。比如
-
在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。
使用方法:
- 安装
vscode-drawio
插件 - 先在桌面创建一个空白的
.drawio
文件。 - 然后在VS code里打开这个文件,就会出现类似visio的操作界面。