Это неофициальное расширение интегрирует draw.io (также известный как Diagrams.net) в код VS.
Упоминается в официальном блоге Diagrams.net.
.drawio , .dio , .drawio.svg или .drawio.png Файлы в редакторе draw.io.*.drawio , *.drawio.svg или *.drawio.png и откройте его..drawio.svg - это действительные файлы .svg , которые могут быть встроены в файлы github readme! Экспорт не требуется..drawio.png являются действительными .png файлы! Экспорт не требуется. Вы должны использовать .svg хотя, когда это возможно - они выглядят намного лучше!Draw.io: Convert To...
Вы можете напрямую редактировать и сохранить файлы .drawio.svg и .drawio.png . Эти файлы являются совершенно допустимыми SVG/PNG-Images, которые содержат встроенную диаграмму Draw.io. Всякий раз, когда вы редактируете такой файл, часть этого файла SVG/PNG обновлена.
Логотип этого расширения - такой файл .drawio.png , который был создан с самим расширением!

Если для вас важны различия, вы должны предпочесть .drawio и избегать .drawio.png диаграмм.
С версией 1.0 этого расширения была добавлена обширная поддержка кода VS -кода. Теперь вы можете отредактировать или представить свои диаграммы Draw.io удаленно, видя курсор и выбор каждого участника! Это можно использовать для обсуждения, просмотра или мозгового штурма. Благодаря инструменту рисования рисования Drait.io и встроенной поддержкой латекса это расширение становится расширенным решением для белой доски, которое можно использовать для интервью с удаленным кодом!

Внутренне, этот расширение синхронизирует диаграммы Draw.io с текстовыми документами. Эти текстовые документы разделяются Liveshare. Поскольку Liveshare не имеет понимания текста, конфликты модификации могут возникать при одновременных модификациях.
В строке состояния вы можете включить или отключить функцию кодовой ссылки. Если он включен, и вы дважды нажимаете на узел, чья метка начинается с # , вы выполните поиск рабочей области для символа, соответствующего остальной части метки.
Если у вас есть узел, помеченный #MyClass и класс имени MyClass , вы перейдете к его источнику, если вы дважды щелкните узел!
Обратите внимание, что вы должны открыть хотя бы один файл проекта, который содержит символ. В противном случае VS -код не будет рассматривать этот проект при поиске символов. Этот файл сам не должен содержать символ.
Благодаря моим последним спонсорам GitHub, эта функция открыта и свободно доступна сейчас.
Совет : если вы откроете редактор Draw.io на правую сторону (то есть второй столбец редактора) и перейдите к символу, диаграмма останется видимой.

Тема "Атлас"

Тема "Кеннеди"

Тема "Мин"

Тема "Темная"

.svg файлы с редактором draw.io По умолчанию это расширение только обрабатывает *.drawio.svg файлы. Добавьте это .svg свой файл VS settings.json .
"workbench.editorAssociations" : {
"*.svg" : " hediet.vscode-drawio-text " ,
}Вы не сможете редактировать произвольные файлы SVG, хотя - только те, которые были созданы с помощью draw.io или этого расширения!
Вы можете открыть тот же *.drawio -файл с помощью редактора drain.io и как файл XML. Они синхронизированы, поэтому вы можете переключаться между ними, как вам это нравится. Это очень практично, если вы хотите использовать находки/заменить, чтобы переименовать текст или другие функции кода VS, чтобы ускорить процесс создания/редактирования диаграммы. Используйте View: Reopen Editor With... командой для переключения между текстом или редактором Draw.io. Вы можете открыть несколько редакторов для одного и того же файла. Это не имеет большого смысла для файлов SVG, поскольку диаграмма Draw.io хранится в его метаданных.

Если вам понравится это расширение, вам тоже может понравиться мои другие расширения: