使用 VS Code绘图【画流程图】（是不是又酷了一点）

我对于VS Code这款工具真的是情有独钟，非常痴迷于去探索它丰富的插件中自己喜欢的那款！最近又发现了一个使用VS code来绘图插件，VS code秒变绘图工具，是不是感觉它又酷了一点呀！以前一直用Win10自带的画图工具，总是感觉功能上有点局限性，这下被这个插件给解决了！

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200621103021970.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY3NjkzNQ==,size_16,color_FFFFFF,t_70)
这个插件是一位来自德国前端工程师 Henning Dieterichs 成功将 http://draw.io 的功能集成进了 VSCode，并打包成了插件供开发者下载使用，让你分分钟能用 VSCode 画出完美的流程图、思维导图与 UML 图。

Draw.io初使用

我们需要去创建一个以.drawio结尾的文件，然会双击打开它就可以看到，绘图界面了
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200621104307987.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY3NjkzNQ,size_16,color_FFFFFF,t_70)
他还添加了许多的图标
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200621104933118.PNG?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY3NjkzNQ,size_16,color_FFFFFF,t_70)
可供选择的还是挺多滴，勾选既可以在左边导航栏出现。
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200621105257154.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY3NjkzNQ,size_16,color_FFFFFF,t_70)
该插件还有一个比较强悍的功能，就是支持对 .drawio.png 文件的修改。当你发现流程图的 png 格式文件有误时，可以随时对 png 图片重新进行更改调整，然后再次生成即可。
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200621105633514.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY3NjkzNQ,size_16,color_FFFFFF,t_70)
还有很多使用技巧，我还要去探索，这款插件真的是绝了，解决了我的需求！

posted @ 2020-06-21 12:32  GaoYang-笔迹  阅读(3580)  评论(2)    收藏  举报