美文网首页
VS Code中markdown插件

VS Code中markdown插件

作者: 冬之心 | 来源:发表于2020-07-09 08:50 被阅读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, GraphVizVega & Vega-liteDitaa 图像渲染。 也可以通过使用 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的操作界面。

    相关文章

      网友评论

          本文标题:VS Code中markdown插件

          本文链接:https://www.haomeiwen.com/subject/yhcdwhtx.html