Sobre o projeto

# Integração Draw.io no VS Code Esta extensão não oficial integra o [Draw.io](https://app.diagrams.net/) (também conhecido como [diagrams.net](https://www.diagrams.net/)) no Visual Studio Code. Ela é mencionada no blog oficial do diagrams.net. ## Recursos - **Editar Arquivos de Diagrama**: Edite arquivos `.drawio`, `.dio`, `.drawio.svg` ou `.drawio.png` usando a interface do editor Draw.io. - Para criar um novo diagrama, basta criar um arquivo vazio com uma dessas extensões e abri-lo. - Arquivos `.drawio.svg` são SVGs válidos que podem ser incorporados diretamente em READMEs do GitHub sem exportação. - Arquivos `.drawio.png` são imagens PNG válidas. Embora suportados, o SVG é recomendado para melhor qualidade. - Use o comando `Draw.io: Converter Para...` para alternar entre formatos. - **Modo Offline**: Usa uma versão offline do Draw.io por padrão, garantindo privacidade e sem dependências externas durante a edição. - **Temas**: Vários temas do Draw.io estão disponíveis, incluindo "atlas", "Kennedy", "min" e "dark". - **Colaboração**: Suporte completo ao [VS Code Liveshare](https://visualstudio.microsoft.com/de/services/live-share/). Edite ou apresente diagramas remotamente em colaboração, vendo o cursor e a seleção de cada participante. Isso o torna adequado para entrevistas de código remotas, brainstorming e revisões. Nota: Modificações simultâneas podem causar conflitos, pois o Liveshare sincroniza documentos de texto. - **Recurso de Link de Código**: Ative este recurso na barra de status. Clicar duas vezes em um nó rotulado com `#` (por exemplo, `#MyClass`) realiza uma busca no espaço de trabalho pelo símbolo correspondente e salta para seu código-fonte. Requer que pelo menos um arquivo do projeto contendo o símbolo esteja aberto. - **Diagramas Inline em Markdown (Experimental)**: No VS Code Insiders, blocos de código cercados com a tag `drawio` são renderizados como editores vivos e redimensionáveis dentro da pré-visualização do Markdown. As edições são gravadas de volta no bloco de origem. Atributos como `locked` e `height=N` são suportados. - **Edição Lado a Lado**: Abra o mesmo arquivo `.drawio` tanto no editor visual do Draw.io quanto como XML bruto. Eles permanecem sincronizados, permitindo usar localizar/substituir do VS Code ou outros recursos de texto para acelerar a criação de diagramas. ## Configuração ### Associar Arquivos `.svg` Por padrão, a extensão lida apenas com arquivos `*.drawio.svg`. Para associar todos os arquivos `.svg` ao editor Draw.io, adicione o seguinte ao seu `settings.json`: ```json "workbench.editorAssociations": { "*.svg": "hediet.vscode-drawio-text" } ``` *Nota: Apenas SVGs criados com Draw.io ou esta extensão devem ser editados desta forma.* ## Contribuidores - Henning Dieterichs ([hediet](https://github.com/hediet)) - Contribuidor Principal / Autor - Vincent Rouillé ([Speedy37](https://github.com/Speedy37)) ## Veja Também - [Draw.io](https://app.diagrams.net/): O motor principal que alimenta esta extensão. - [vscode-drawio](https://github.com/eightHundreds/vscode-drawio): Uma extensão similar por eightHundreds.