Week29 - 让你心里的逻辑具现化的念能力工具 vscode-drawio [Server的终局之战系列]-58码农网

本文章同时发布于：

MediumiT 邦帮忙

大家好，继上次Week28 - 让你心里的逻辑具现化的念能力工具 Mermaid的文章后，接下来要介绍vscode-drawio。

vscode-drawio 是什么？

将 drwa.io 网站的放到 vscode 中来用的超棒插件

相信大家一定有碰过draw.io，他是一个非常强大的绘图软体，

几乎你想得到的绘图功能他都能办到，但是有以下几点让我使用体验一直很差:

他是在一个第三方网站，如果我要分享此文件至 Markdow，就是得複製连结或者汇出文件，一天到晚的複製贴上很浪费时间网页用到后面常常会卡

而 vscode-drawio 很完美的解决了以上问题:

图片即可编辑，编辑完立马同步至 Markdow，写文档的速度飞起在 vscode 里面使用从没卡过

如影片所示，只要把档案名编辑成.drawio.svg或者.drawio.png，在点击时 vscode-drawio 就会自动开启编辑模式，但同时他又是一张图片，这很直接的解决了我第 1 点的问题。

对我来说，vscode-drawio 负责绘画关係图，mermaid.js 负责流程图

比如说要表达 A Service, B Service 与外界(External)的关係就适合用 vscode-drawio

因为图摆放的位置就是这张图的重点，所以我们必须要好好来处理这些图。

如果让软体以程式码帮我们自动产生有时候图，常常会产生摆放的不符合我们预期的问题。

而如果以逻辑为重的话，就适合以 mermaid.js 来解决，

要怎么放图就不是在这些逻辑下需要关注的事情。

谢谢你的阅读，也欢迎分享讨论指正～