Dicas de Visual Studio Code: criando mapas mentais | pt 13
Este é o décimo terceiro artigo da série que estou produzindo com dicas, truques e novidades na utilização do Visual Studio Code. Desta vez demonstrarei como podemos criar rapidamente mapas mentais (mind maps) com o VS Code, fazendo uso para isso de arquivos Markdown (extensão .md).
Nos próximos links estão os posts anteriores, caso você deseje acessar esses conteúdos ou até revê-los:
Dicas de Visual Studio Code: testes com browser interno, geração de GUIDs | pt 12
Dicas de Visual Studio Code: extensões Deprecated, painel Problems, Marketplace | pt 11
Dicas de Visual Studio Code: diagramas para Kubernetes e abrindo arquivos no browser | pt 10
Dicas de Visual Studio Code: criando diagramas de arquitetura | pt9
Dicas de Visual Studio Code: testes de carga e geração de senhas fortes | pt8
Dicas de Visual Studio Code: To-do list e comparação de arquivos | pt7
Dicas de Visual Studio Code: Git Graph e acessando repositórios Git no browser | pt6
Dicas de Visual Studio Code: integração com Git via Terminal e Kubernetes Templates | pt5
Dicas de Visual Studio Code: testes de APIs REST e integração com Azure DevOps | pt4
Dicas de Visual Studio Code: extensões para MongoDB e Git | pt3
Dicas de Visual Studio Code: extensões para Redis e geração de arquivos .gitignore | pt2
Dicas de Visual Studio Code: extensão para Kubernetes | pt 1
Criando mapas mentais com a extensão Markmap
Mind maps (mapas mentais) são diagramas utilizados por profissionais nas mais diversas áreas, tendo por objetivo organizar em níveis hierárquicos os diferentes tópicos de um assunto/tema de estudo. Constituem uma excelente forma para organizar ideias e pontos de uma discussão, sendo um artefato de simples leitura e fácil assimilação.
Existem inúmeros serviços online que facilitam em muito a elaboração de mapas mentais, com muitas destas soluções contando com planos pagos que disponibilizam diferentes funcionalidades.
Mas e se precisarmos criar mapas mentais sem custos, utilizando uma ferramenta que também não traga maiores complicações para nós que somos profissionais de TI? E melhor, contando até com a possibilidade de versionar nossos diagramas a partir de um simples repositório de código… Existe alguma alternativa que atenda a esses requisitos?
Uma resposta a esses questionamentos está na extensão Markmap, um plugin para a geração de mapas mentais a partir do Visual Studio Code e que trabalha com arquivos no formato Markdown (uma opção muito popular para os mais variados tipos de documentação técnica):
Na listagem a seguir está o código (em Markdown) que utilizarei como base neste exemplo:
# Nuvem
## Cloud Native
- Kubernetes
- Helm
- [**KEDA**](https://keda.sh)
- Dapr
- OpenTelemetry
- Jaeger
## Azure
- Azure Kubernetes Service
- Azure Container Apps
- Azure Container Instances
- Azure App ServiceAo abrir um arquivo .md com a extensão Markmap previamente instalada aparecerá a opção Open as markup, como indicado na próxima imagem:
Uma visualização com um mind map aparecerá, com alterações no código do arquivo .md refletindo em atualizações no diagrama. É possível inclusive controlar o zoom do diagrama, bem como exportá-lo para um arquivo HTML:
Podemos até mesmo incluir links nos itens de nossos mapas mentais, apontando para referências e sites úteis no entendimento do mesmo:
O resultado deste diagrama pode ser exportado para um arquivo HTML como já mencionado, mantendo-se com isto o mesmo padrão com a qual visualizamos seu conteúdo no VS Code:
Na próxima imagem podemos observar o arquivo HTML gerado como resultado da exportação, com o mesmo sendo visualizado a partir de um browser (o Mozilla Firefox neste caso) e o com o link incluso no mesmo redirecionando para o portal do projeto KEDA (Kubernetes Event-driven Autoscaling):
