【AI工具】在 VSCode中安装使用Excalidraw

之前看到很多比较萌的流程图，听说是用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文件，打开文件，就出现下面的界面，我们开始画画吧。

四、画图

随便画两个玩玩：