À propos du projet

# Intégration Draw.io dans VS Code Cette extension non officielle intègre [Draw.io](https://app.diagrams.net/) (également connu sous le nom de [diagrams.net](https://www.diagrams.net/)) dans Visual Studio Code. Elle est mentionnée dans le blog officiel de diagrams.net. ## Fonctionnalités - **Édition de fichiers de diagramme** : Éditez les fichiers `.drawio`, `.dio`, `.drawio.svg` ou `.drawio.png` en utilisant l'interface d'édition Draw.io. - Pour créer un nouveau diagramme, créez simplement un fichier vide avec l'une de ces extensions et ouvrez-le. - Les fichiers `.drawio.svg` sont des SVG valides qui peuvent être intégrés directement dans les README GitHub sans exportation. - Les fichiers `.drawio.png` sont des images PNG valides. Bien que pris en charge, le format SVG est recommandé pour une meilleure qualité. - Utilisez la commande `Draw.io: Convert To...` pour passer d'un format à l'autre. - **Mode hors ligne** : Utilise par défaut une version hors ligne de Draw.io, garantissant la confidentialité et l'absence de dépendances externes lors de l'édition. - **Thèmes** : Plusieurs thèmes Draw.io sont disponibles, notamment "atlas", "Kennedy", "min" et "dark". - **Collaboration** : Prise en charge complète de [VS Code Liveshare](https://visualstudio.microsoft.com/de/services/live-share/). Éditez ou présentez des diagrammes à distance en collaborant, en voyant le curseur et la sélection de chaque participant. Cela convient aux entretiens de code à distance, aux séances de brainstorming et aux revues. Note : Les modifications simultanées peuvent entraîner des conflits car Liveshare synchronise les documents texte. - **Fonctionnalité de lien vers le code** : Activez cette fonctionnalité dans la barre d'état. Un double-clic sur un nœud étiqueté avec `#` (par exemple `#MyClass`) effectue une recherche d'espace de travail pour le symbole correspondant et accède à son code source. Au moins un fichier du projet contenant le symbole doit être ouvert. - **Diagrammes en ligne dans Markdown (Expérimental)** : Dans VS Code Insiders, les blocs de code délimités balisés `drawio` s'affichent comme des éditeurs live redimensionnables dans l'aperçu Markdown. Les modifications sont réécrites dans le bloc source. Les attributs tels que `locked` et `height=N` sont pris en charge. - **Édition côte à côte** : Ouvrez le même fichier `.drawio` à la fois dans l'éditeur visuel Draw.io et en tant que XML brut. Ils restent synchronisés, vous permettant d'utiliser les fonctions de recherche/remplacement de VS Code ou d'autres fonctionnalités textuelles pour accélérer la création de diagrammes. ## Configuration ### Associer les fichiers `.svg` Par défaut, l'extension gère uniquement les fichiers `*.drawio.svg`. Pour associer tous les fichiers `.svg` à l'éditeur Draw.io, ajoutez ce qui suit à votre `settings.json` : ```json "workbench.editorAssociations": { "*.svg": "hediet.vscode-drawio-text" } ``` *Note : Seuls les SVG créés avec Draw.io ou cette extension doivent être édités de cette manière.* ## Contributeurs - Henning Dieterichs ([hediet](https://github.com/hediet)) - Contributeur principal / Auteur - Vincent Rouillé ([Speedy37](https://github.com/Speedy37)) ## Voir aussi - [Draw.io](https://app.diagrams.net/) : Le moteur principal qui alimente cette extension. - [vscode-drawio](https://github.com/eightHundreds/vscode-drawio) : Une extension similaire créée par eightHundreds.