VSCode插件 - Draw.io画图工具

xiaohai 2021-05-08 22:20:04 2311人围观 标签: VSCode 
简介draw.io 是一个强大简洁的在线的绘图网站,支持流程图,UML图,架构图,原型图等图标。支持Github,Google Drive, One drive等网盘同步,并且永久免费。如果觉得使用Web版不方便,draw.io 也提供了多平台的离线桌面版可供下载。

draw.io 是一个强大简洁的在线的绘图网站,支持流程图,UML图,架构图,原型图等图标。支持Github,Google Drive, One drive等网盘同步,并且永久免费。如果觉得使用Web版不方便,draw.io 也提供了多平台的离线桌面版可供下载。

在线版:https://www.draw.io/

但是幸福来得太突然了,我们可以不用去使用在线的,可以不用下载客户端,而是直接在VSCode中安装插件就可以使用draw.io的功能了,特性如下:

  • Edit .drawio, .dio, .drawio.svg or .drawio.png files in the Draw.io editor.
  • To create a new diagram, simply create an empty .drawio, .drawio.svg or *.drawio.png file and open it!
  • .drawio.svg are valid .svg files that can be embedded in Github readme files! No export needed.
  • .drawio.png are valid .png files! No export needed. You should use .svg though whenever possible - they look much better!
  • To convert between different formats, use the Draw.io: Convert To… command.
  • Uses an offline version of Draw.io by default.
  • You can select a theme.

安装方式很简单,就是在插件中搜索draw,找到Draw.io Integration,然后Install即可。下面就可以新建一个test.dio文件,就可以画图了。