Dicas de Visual Studio Code: To-do list e comparação de arquivos | pt7
Este é o sétimo artigo da série que venho produzindo com dicas e truques no uso do Visual Studio Code. Nos links a seguir estão os posts anteriores, caso ainda não tenha acompanhado ou deseje revê-los:
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
Desta vez abordarei o uso das seguintes extensões gratuitas:
- As extensões Todo Tree e TODO Highlight, úteis para a organização em uma To-do list de itens pendentes e/ou a serem corrigidos em um projeto;
- A extensão compareit, que permite comparar e demonstrar as diferenças no conteúdo de 2 arquivos (ou entre um arquivo e um conteúdo copiado/recortado para a área de transferência).
As extensões Todo Tree e TODO Highlight
Estas 2 extensões dependerão de comentários no código (independentemente da plataforma ou linguagem de desenvolvimento) contendo as palavras TODO e/ou FIXME.
No caso de Todo Tree, essa extensão organizará as ocorrências encontradas para as palavras TODO e FIXME em uma árvore que corresponde à estrutura de diretórios e arquivos de um projeto:
Já a extensão TODO Highlight destacará no código de forma colorida a presença das palavras TODO e FIXME em comentários:
Na animação a seguir podemos observar o uso combinado destas 2 extensões (itens com FIXME estão em rosa, além de um item com TODO em amarelo):
Comparando arquivos com compareit
A extensão compareit pode ser extremamente útil e prática quando necessitamos detectar diferenças no código de diferentes arquivos:
Com a opção Compare with clipboard disponibilizada por essa extensão podemos comparar o código de um arquivo com um conteúdo que se encontra na área de transferência:
Já a opção Compare with… permite efetuar a comparação entre diferentes arquivos, como demonstrado na animação a seguir: