Visual Code: Como fazer incríveis print de códigos

Quem nunca precisou compartilhar um trecho de código e recorreu a diferentes ferramentas? Pois bem, saiba que existe uma extensão para o Visual Studio Code que permite criar incríveis print do código e salvar o resultado em imagem.

Essa extensão ainda permite pré-visualizar o trecho, ou seja, você seleciona uma parte do código e ela vai te mostrando como vai ficar. No final, é só clicar em salvar e tudo estará pronto.

Será necessário a instalação da extensão CodeSnap, ela está disponível no Marketplace do Visual Code.

Abra o Visual Code, clique na aba de extensões e procure por CodeSnap, conforme mostra a imagem abaixo.

Na lista de extensões, clique no botão Install referente ao CodeSnap. Atenção, é o primeiro item da lista que está destacado na imagem.

Uma vez que a extensão esteja instalada, agora o processo é bem simples. Primeiro selecione o trecho que código que você deseja criar uma imagem.

Com o código selecionado, clique com o botão direito do Mouse, por fim, clique na opção CodeSnap.

Uma nova janela vai ser aberta ao lado da janela que contém o seu código. Você pode selecionar diferentes partes do seu trecho de código que ele será modificado na imagem de captura.

Quando estiver seguro do trecho a ser convertido em imagem, clique no botão indicado na imagem abaixo, selecione uma pasta, defina o nome para sua imagem e clique no botão Salvar.

Agora só abrir a sua imagem e compartilhar seus incríveis trechos de códigos.

Espero que tenha curtido, a gente se vê na próxima.