DEV Community

Glaucia Lemos for Microsoft Azure

Posted on

Posso criar Diagramas com Visual Studio Code?!

Fala Coders! Tudo certo? 😃

A partir de hoje começarei uma série de dicas, que no futuro próximo se tornará uma série de vídeos de 2 minutos à 10 minutos, ensinando dicas e truques sensacionais relacionado ao Visual Studio Code
Então fiquem ligados que muito em breve estarei divulgando a série em forma de vídeos aqui para todos vocês! 😄

Vamos a dica de hoje!

Posso criar Diagramas com Vs Code?!

E a resposta a essa pergunta é.... SIM. Estranho dizer isso, mas sim. Tanto que recentemente eu dei um Repost um tweet sobre essa extensão. E a minha reação quando eu vi esse tweet foi... 😱😱😱

E hoje vamos explicar um pouco sobre essa extensão!

O que é Draw.io?

Draw.io é uma plataforma bastante conhecida por várias pessoas desenvolvedoras para criar inúmeros tipos de Diagramas, sejam eles de Classe, Mapa, Charts, Flowcharts, UML, Tables, Org Chart e tantos outros!

image-01.png

O mais interessante dessa plataforma é que é totalmente gratuita. E você fazer o que você deseja dentro dessa plataforma. Assim que fica essa dica, caso não conheçam!

Vejam uma imagem examplo de um Diagrama de UML dessa plataforma incrível:

image-02.png

Extensão - Draw.io Integration

Sim! E possui uma baita extensão para isso! E simplesmente tudo o que você pode fazer no Draw.io você pode simplesmente fazer dentro do Visual Studio Code

Dêem uma olhada nessa demo incrível!

Demo Draw.io Integration

A parte mais legal é que a extensão Draw.io Integration te permite fazer edições dos arquivos como xml ou pela própria extensão.
Pode usar uma versão offline da extensão por default.

Demo Draw.io Integration

Você também pode salvar seus arquivos e diagramas em .png, o que deixa mais versátil caso você deseja usar um determinado diagrama para uma apresentação, por exemplo.
Essa feature, conforme explicado na documentação da extensão está na sua versão preview! Deem uma olhada nessa demo também!

Demo Draw.io Integration

Se desejam baixar e instalar para fazer experimentos direto da sua máquina e Visual Studio Code, deixo aqui o link da extensão para que vocês possam dar uma olhada nas demais features e informações sobre o Draw.io!

Draw.io Integration

Palavras Finais

Podemos fazer muitas coisas legais com várias extensões interessantes disponíveis no Visual Studio Code! Entre elas o Draw.io. Claro que ainda não existe feature para criar um CRUD completo com uma determinada tecnologia! 😆😆😆

Mas, com as inúmeras extensões disponíveis e criadas por toda a Comunidade em todo planeta, nos ajuda a tornar a nossa nada fácil vida mais tranquila e fácil!

Deixo aqui com vocês alguns recursos interessantes sobre o Visual Studio Code:

E para ficarem por dentro de várias outras novidades, não deixem de me seguir lá no twitter!

Twitter

Nos vemos! Até a próxima pessoal! 😍

Top comments (9)

Collapse
 
waynerocha profile image
Wayne Rocha

amazing

Collapse
 
tobymosque profile image
Tobias Mesquita

Muito bacana, também teria esta extensão para o Azure Data Tools?

Collapse
 
glaucia86 profile image
Glaucia Lemos

Posso dar uma olhada...

Collapse
 
daianealvesrj profile image
Daiane Souza

Excelente dica, Glaucia. Obrigada por compartilhar.

Collapse
 
glaucia86 profile image
Glaucia Lemos

Eu que agradeço!

Collapse
 
erikopa profile image
Eriko Morais

Muito obrigado por compartilhar!

Collapse
 
glaucia86 profile image
Glaucia Lemos

De nada! :)

Collapse
 
nfers profile image
Nayara Ferreira

Nossa que Top!
Obrigada por compartilhar <3

Collapse
 
glaucia86 profile image
Glaucia Lemos

Eu que agradeço!