Dicas de Visual Studio Code: To-do list e comparação de arquivos | pt7

Renato Groffe
3 min readAug 8, 2021

--

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):

Clique nesta imagem para visualizar com uma melhor resolução

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:

Clique nesta imagem para visualizar com uma melhor resolução

Já a opção Compare with… permite efetuar a comparação entre diferentes arquivos, como demonstrado na animação a seguir:

Clique nesta imagem para visualizar com uma melhor resolução

--

--

Renato Groffe

Microsoft Most Valuable Professional (MVP), Multi-Plataform Technical Audience Contributor (MTAC), Software Engineer, Technical Writer and Speaker