Как рисовать схемы без боли и страданий в excalidraw

Вечная боль - нарисовать схему работы какой то прилы. Идешь в какой нибудь draw.io. Рисуешь там, экспортишь в файл, сохраняешь в репку. Подключаешь в readme.md. И так по кругу, если что то поменялось. Но оказывается уже есть решение 🦸‍♂️

Топовая находка этой недели - https://marketplace.visualstudio.com/items?itemName=pomdtr.excalidraw-editor

Экстеншен позволяет рисовать офигенские схемки (точно также как на их сайте https://excalidraw.com/), но прям в vs code.

Как это работает: 1️⃣ Создаем файлик с именем .excalidraw.png в конце (Например в scheme.excalidraw.png) 2️⃣ Внутри vscode открывается редактор 3️⃣ Рисуем/редачим схемку и сохраняем. 4️⃣ В результате это будет обычная png, которая откроется любым просмотрщиком.

В readme.md добавляем эту же png и кафуем. Теперь достаточно прям в vscode отредактировать схему, сохранить и пушнуть. 🔥