vs code扩展画电路图

vs code扩展替换Visio 画电路图等流程图

• 介绍一下如何visio中如何画逻辑电路图以及在VS code中使用扩展替代visio画类似于电路图这类的流程图

Visio画逻辑电路图

打开visio，如果开始界面中有电路和逻辑电路这种模板就可以直接打开，如果没有就点“更多模板”搜索电路就可以找到。

打开模板之后可以看到左侧形状栏就多出了模拟和数字逻辑，点击之后就可以找到逻辑门2这个形状。

左键点击逻辑门2，拖拽到画板上就可以看到一个基本的2输入与门。此时如果你需要的是多输入与门或者是其他逻辑门，可以右键图形找到数据选项，再点击形状数据就可以看到右上方弹出了数据窗口。门类型可以选择想要的逻辑门，输入输出数目可以修改为想要的数量，基本的数字逻辑电路就可以画出来了，如果想要画更复杂的模拟电路或者电气电路，方法也是一样的，在形状库中找。

VS code 扩展画电路图

其实这篇博客主要是来讲VS code插件的😜

首先在扩展商店里搜索drawio,找到 Draw.io Integration，下载下来。

然后在资源管理器，你的当前文件夹目录下新建文件，文件名随意但扩展名必须是drawio这种形式的（如demo.drawio），点击新建的文件之后就可以看到整个工具的样子了。

左侧的形状栏默认只有通用的形状，滑动到最下方点击更多图形，在其他中找到电路选项，勾选之后点击应用（apply），左侧形状栏就多出基本的电路形状了，到这里就大功告成了。

Visio和VS code画其他流程图的方法类似，如果实在找不到对应的形状建议左转百度哈😂。