Об этом проекте

# Интеграция Draw.io в VS Code Это неофициальное расширение интегрирует [Draw.io](https://app.diagrams.net/) (также известный как [diagrams.net](https://www.diagrams.net/)) в Visual Studio Code. Оно упоминается в официальном блоге diagrams.net. ## Возможности - **Редактирование файлов диаграмм**: Редактируйте файлы `.drawio`, `.dio`, `.drawio.svg` или `.drawio.png` с помощью интерфейса редактора Draw.io. - Чтобы создать новую диаграмму, просто создайте пустой файл с одним из этих расширений и откройте его. - Файлы `.drawio.svg` являются допустимыми SVG-файлами, которые можно встраивать непосредственно в README на GitHub без экспорта. - Файлы `.drawio.png` являются допустимыми PNG-изображениями. Хотя они поддерживаются, для лучшего качества рекомендуется использовать SVG. - Используйте команду `Draw.io: Convert To...` для переключения между форматами. - **Офлайн-режим**: По умолчанию используется офлайн-версия Draw.io, что обеспечивает конфиденциальность и отсутствие внешних зависимостей во время редактирования. - **Темы**: Доступно несколько тем Draw.io, включая "atlas", "Kennedy", "min" и "dark". - **Совместная работа**: Полная поддержка [VS Code Liveshare](https://visualstudio.microsoft.com/de/services/live-share/). Совместное редактирование или презентация диаграмм удаленно с отображением курсора и выделения каждого участника. Это делает расширение подходящим для удаленных собеседований по коду, мозговых штурмов и ревью. Примечание: одновременные изменения могут вызывать конфликты, так как Liveshare синхронизирует текстовые документы. - **Функция связи с кодом**: Включите эту функцию в строке состояния. Двойной щелчок по узлу с меткой `#` (например, `#MyClass`) выполняет поиск по рабочей области для соответствующего символа и переходит к его исходному коду. Требуется, чтобы был открыт хотя бы один файл из проекта, содержащий символ. - **Встроенные диаграммы в Markdown (экспериментально)**: В VS Code Insiders блоки кода с тегом `drawio` отображаются как живые изменяемые редакторы в предпросмотре Markdown. Изменения записываются обратно в исходный блок. Поддерживаются атрибуты, такие как `locked` и `height=N`. - **Редактирование бок о бок**: Откройте один и тот же файл `.drawio` как в визуальном редакторе Draw.io, так и в виде необработанного XML. Они остаются синхронизированными, что позволяет использовать поиск/замену или другие текстовые функции VS Code для ускорения создания диаграмм. ## Конфигурация ### Связывание файлов `.svg` По умолчанию расширение обрабатывает только файлы `*.drawio.svg`. Чтобы связать все файлы `.svg` с редактором Draw.io, добавьте следующее в ваш `settings.json`: ```json "workbench.editorAssociations": { "*.svg": "hediet.vscode-drawio-text" } ``` *Примечание: таким образом следует редактировать только SVG-файлы, созданные с помощью Draw.io или этого расширения.* ## Участники - Henning Dieterichs ([hediet](https://github.com/hediet)) - Основной участник / Автор - Vincent Rouillé ([Speedy37](https://github.com/Speedy37)) ## См. также - [Draw.io](https://app.diagrams.net/): Основной движок, обеспечивающий работу этого расширения. - [vscode-drawio](https://github.com/eightHundreds/vscode-drawio): Похожее расширение от eightHundreds.