VSCode插件 - Draw.io画图工具

xiaohai 2021-05-08 22:20:04 共4423人围观 标签： 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文件，就可以画图了。

相同类型文章

热门标签

每日一句

    重为轻根，静为躁君，轻则失根，躁则失君。

    ——老子

今日排行

  • yarn、npm配置阿里云国内镜像（新镜像）

    nodejs中使用npm和yarn，使用最新阿里云镜像 aliyun mirror，网上很多还是文章用的是下面这个地址~~yarn config set registry https://registry.npm.taobao.org~~

  • ssh：安全远程登录主机

    ssh命令是openssh套件中的客户端连接工具，可以使用ssh加密协议实现安全的远程登录服务器，实现对服务器的远程管理，windows中的替代工具为：XShell、putty、SecureCRT等

  • JS面向对象的程序设计

    面向对象的语言有一个标志，即拥有类的概念，抽象实例对象的公共属性与方法，基于类可以创建任意多个实例对象，一般具有封装、继承、多态的特性！但JS中对象与纯面向对象语言中的对象是不同的，ECMA标准定义JS中对象：无序属性的集合，其属性可以包含基本值、对象或者函数。可以简单理解为JS的对象是一组无序的值，其中的属性或方法都有一个名字，根据这个名字可以访问相映射的值（值可以是基本值/对象/方法）。

  • 列表(List)数据类型

     列表是常用的一种数据类型。类别能存储一组对象，因此可以被用作栈或者队列。在Redis中，与键相关联的值可以是字符串组成的列表。Redis中的列表更像是双向链表。

  • Certbot生成泛域名证书

    在公司内部多项目并行的时候，每次开启要给项目就需要申请一个域名，并且每个域名就需要支持HTTPS，所以前面我们已经用过Certbot生成证书，那么本文我们主要记录Certbot生成泛域名证书。

点击排行

友情链接