之前看到很多比较萌的流程图,听说是用Excalidraw画的,想着安装试试,但是一拖就过了很久。前日开会时,边开会边刷文章,看到文章说VSCode中就可以安装,就点击两下,没想到非常容易就完成了安装。记录一下。

一、在 VSCode 中安装 Excalidraw 扩展

点击扩展,查找Excalidraw,然后安装。
在这里插入图片描述

二、修改设置

1.打开 settings.json文件
•在 VS Code 中按下 Ctrl + Shift + P(Windows/Linux)或 Cmd + Shift + P(macOS),打开命令面板。
•输入 Preferences: Open User Settings (JSON) 并回车,直接编辑全局配置文件。

2.添加编辑器关联配置
在 settings.json中添加以下内容:

{
    "workbench.editorAssociations": {
        "*.excalidraw": "editor.excalidraw",
        "*.excalidraw.svg": "editor.excalidraw"
    }
}

三、开始画图

保存上述设置后重启 VSCode,新建 test.excalidraw文件,打开文件,就出现下面的界面,我们开始画画吧。
在这里插入图片描述

四、画图

随便画两个玩玩:
在这里插入图片描述
在这里插入图片描述

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐