Nós já sabemos que as extensões do Visual Studio Code possibilitam uma série de funcionalidades extras e muito interessantes à IDE. No entanto, existem algumas configurações nativas da IDE que também são muito úteis, e que muitas vezes não conhecemos. Por isso, trago no artigo de hoje algumas configurações do Visual Studio Code que podem te ajudar.
Abrindo as configurações
Primeiro precisamos abrir o painel de configurações da IDE. Isso pode ser feito clicando na engrenagem no canto inferior direito da tela, e então selecionando a opção Settings, ou, ainda, utilizando o atalho CTRL+,
Auto Save
Esquecer de salvar o código antes de rodar o programa é algo até comum. Principalmente para pessoas que não tem muita experiência com desenvolvimento, e que não estão acostumadas a salvarem suas coisas periodicamente.
O que muita gente não sabe é que o próprio VS Code possui uma configuração de salvamento automático. Ela é desabilitada por padrão, mas pode ser ativada a qualquer momento.
Existem três modos de salvamento automático:
- afterDelay: salva seu código periodicamente em intervalos de tempo que você pode definir;
- onFocusChange: salva o conteúdo do arquivo que está aberto em uma aba da IDE quando esta aba perder o foco;
- onWindowChange: faz o salvamento quando você minimizar a janela da IDE ou então abrir outra janela.
Modificar o cursor no texto
O cursor de texto padrão do VS Code é uma barra vertical. Porém, caso você não goste deste tipo de cursor, pode alterá-lo optando por alguma das formas alternativas de cursores disponíveis.
Word Wrap
Muitas vezes acabamos escrevendo linhas grandes, o que dificulta a leitura do código. A configuração de Word Wrap serve para “quebrar” linhas longas e fazê-las se encaixar no espaço da tela.
Configurações de trim
Este item em especial é um “combo”. Para encontrar as configurações desta dica, você precisa pesquisar por trim na barra de pesquisa. A primeira configuração é o Trim Final Newlines, que irá deletar linhas em branco desnecessárias após o fim do seu código.
Já a segunda configuração é o Trim Trailing Whitespace, que vai apagar espaços em branco após o fim de uma linha de código.
As duas configurações só serão aplicadas na hora em que um arquivo for salvo. Para demonstrar isso, eu habilitei uma outra configuração do VS Code que é a configuração de rendering white spaces, ou de renderizar espaços em branco. Essa configuração faz com que espaços em branco no seu código apareçam como um ponto.
No GIF abaixo, você pode ver que o arquivo possuía várias linhas depois do código e vários espaços em branco. Porém, no momento em que eu salvei o código, esses espaços e novas linhas sumiram devido às configurações anteriores.
Configurar mini mapa
Por padrão, o VS Code vem com um mini mapa ativado. No entanto muitas vezes este recurso não é tão útil e acaba sendo visualmente desagradável para algumas pessoas que utilizam a IDE.
Procurando por minimap nas configurações, temos a possibilidade de desativar ou modificar a sua aparência. Entre as opções visuais, estão diminuir ou aumentar o tamanho do minimap, ou então modificar a forma de renderização. Assim, ao invés dos caracteres reais do texto, aparecerão blocos coloridos.
Considerações finais
Essas são algumas configurações úteis do VS Code que podem trazer praticidade ao ser usadas no processo de desenvolvimento; eu espero que você faça bom proveito delas!
Bons estudos!!
