10 dicas essenciais de produtividade para código do Visual Studio

Visual Studio Code é facilmente o melhor editor de texto de programação. Para muitos, ele substituiu o Sublime Text como editor preferido. É um aplicativo JavaScript baseado em Electron, mas é extremamente rápido e não sofre problemas de desempenho como muitos aplicativos JavaScript.

E caso você esteja se perguntando, sim, o VS Code é de código aberto e está disponível no GitHub. Aqui estão várias dicas essenciais do Visual Studio Code que você deve aprender se quiser aumentar sua produtividade e fluxo de trabalho para o próximo nível.

1. Domine a paleta de comandos no VS Code

Muito parecido com o Sublime Text (e o TextMate antes dele), o VS Code tem algo chamado paleta de comandos. Este recurso permite acessar vários comandos apenas digitando-os, em vez de navegar nos menus usando o mouse.

Você pode abrir a paleta de comandos com o atalho de teclado Ctrl + Shift + P (ou Cmd + Shift + P). Basta começar a digitar o que deseja fazer (por exemplo, “fechar”) e as opções serão atualizadas em tempo real. Alguns comandos residem em categorias (por exemplo, “Arquivo”, Git”, “Terminal” etc.), o que os torna mais fáceis de localizar.

2. Defina uma pasta de projeto de trabalho

Se você clicar no Explorer na barra lateral de navegação, verá um novo subpainel aberto. Este subpainel consiste em duas seções (talvez seja necessário clicar no menu de três pontos e selecionar Abrir Editores para tê-lo como uma das opções): Abrir Editores (ou seja, arquivos e documentos atualmente abertos) e Nenhuma pasta aberta. Este último é o que nos interessa.

  Terraform x Kubernetes: comparação frente a frente

Clique em Abrir pasta (ou você pode navegar até Arquivo > Abrir pasta na barra de menu) e selecione qualquer pasta em seu sistema. Isso carregará essa pasta no VS Code como o “projeto de trabalho atual”, permitindo fácil acesso a todos os arquivos e subpastas, para que você não precise ficar indo e voltando no File Explorer.

3. Visualize vários arquivos de uma vez

A maioria dos editores de texto modernos pode suportar mais de um arquivo ao mesmo tempo, permitindo alternar entre arquivos abertos por meio de uma interface baseada em guias. Editores de texto mais avançados podem até suportar edição de texto lado a lado, e o VS Code também (embora apenas horizontalmente).

Mas a edição lado a lado é difícil em telas menores, como laptops ou monitores mais antigos, e é aí que o VS Code brilha.

Ele tem algo chamado painéis dinâmicos, onde se um dos painéis do documento aberto for muito estreito, ele se ampliará automaticamente quando você ativar o documento (ou seja, colocar o cursor nele). Se você ainda usa uma resolução próxima a 720p, vai adorar esse recurso.

4. Edite várias linhas de uma vez

Se você precisar inserir ou excluir várias ocorrências de texto em um documento, tudo o que você precisa fazer é criar vários cursores. Você pode fazer isso mantendo pressionada a tecla Alt (ou Option no Mac) e clicando em qualquer lugar do texto. Cada clique cria um novo cursor.

Isto é particularmente útil para coisas como HTML, onde você pode querer adicionar muitas instâncias da mesma classe ou alterar o formato de vários hiperlinks. Aprenda e ame.

5. Vá para Definição

Ao programar ou criar scripts, muitas vezes você se depara com uma variável ou método que não reconhece. Então, o que você faz? Você pode gastar vários minutos procurando o arquivo correto ou pode selecionar a variável/método com o cursor e pressionar F12 para pular imediatamente para sua definição. Alternativamente, selecione seu método, função ou variável e pressione Ctrl ou Cmd, a seguir clique nele para ir para a definição.

  Como fazer backup e baixar suas videiras favoritas como arquivos MP4

Ou você pode usar o atalho de teclado Alt + F12 (ou Cmd + F12) para simplesmente dar uma olhada na definição, que mostra a definição bem na linha onde o cursor está, em vez de abrir o arquivo de origem.

Para ir na direção oposta, você pode selecionar uma variável/método definido e usar o atalho de teclado Shift + F12 para encontrar todas as referências a ele. Isso também aparece na linha do cursor.

Para que esses recursos funcionem, você precisa abrir a pasta apropriada como “projeto de trabalho atual” (veja a dica nº 2).

6. Renomeie todas as ocorrências

A refatoração é um aspecto necessário para escrever e manter código limpo, mas pode ser uma grande dor de cabeça — especialmente quando você está refatorando um módulo grande ou um pedaço enorme de código. Portanto, em vez de procurar dezenas de arquivos apenas para renomear uma variável ou método, deixe o VS Code fazer isso por você.

Se você selecionar uma variável/método e pressionar F2, poderá editar o nome, e isso mudará todas as instâncias do nome dessa variável durante todo o projeto de trabalho atual.

Se você deseja alterar apenas o arquivo atual, use o atalho de teclado Ctrl/Cmd + F2 e o VS Code gerará um cursor em cada instância do arquivo atual.

7. Pesquise vários arquivos

Se você estiver trabalhando com arquivos que não sejam código-fonte, os recursos de localização de símbolos acima (na dica nº 5) não serão utilizáveis. Então, o que você pode fazer quando precisa encontrar uma frase ou palavra, mas não sabe em qual arquivo ela está? Você volta para a função Find básica.

Ctrl/Cmd + F permite pesquisar no arquivo atual, enquanto Ctrl + Shift + F (ou Shift + Cmd + F) permite pesquisar em todos os arquivos de todo o projeto de trabalho atual, incluindo todas as subpastas recursivamente.

  Como obter o modo retrato no Nexus 6P e no Nexus 5X

8. Use a linha de comando no código VS

O VS Code vem com um terminal integrado. No Windows, este terminal aparece como prompt de comando. No Mac e no Linux, ele aparece como um prompt do Bash. De qualquer forma, o terminal inicia no diretório do projeto de trabalho atual, se houver, ou na sua pasta pessoal, caso contrário.

Ele também oferece suporte à capacidade de ter vários terminais separados. Basta clicar no botão de adição (+) no canto superior direito para gerar mais instâncias de terminal ou clicar na Lixeira para fechar o terminal atual. O menu suspenso facilita a alternância entre eles (e não desperdiça tanto espaço na tela quanto uma interface baseada em guias).

9. Instale um novo tema no VS Code

Como você provavelmente esperaria, o VS Code permite definir o tema do realce de sintaxe do texto e do código-fonte. Infelizmente, ele não permite o tema da interface em si, mas o destaque da sintaxe é a parte importante. Um bom tema pode aumentar sua produtividade mais do que você imagina.

Você pode encontrar novos temas no Mercado de código VS (eles são gratuitos) ou você pode procurá-los diretamente no VS Code. Confira nossa lista dos melhores temas do VS Code caso precise de recomendações.

10. Instale extensões de terceiros no código VS

A última característica essencial a destacar é a extensibilidade do VS Code através de extensões de terceiros. Tal como acontece com os temas, você pode encontrá-los no Mercado de código VS (sim, também são gratuitos) ou você pode procurá-los no VS Code. Acesse o painel Extensões com o atalho de teclado Ctrl + Shift + X (ou Shift + Cmd + X).

As extensões são a chave para maximizar sua produtividade. Você encontrará todos os tipos de ferramentas aqui, como linters, depuradores, snippets, melhorias de qualidade de vida no próprio VS Code, ferramentas de construção e até mesmo algumas extensões que usam ChatGPT para facilitar a programação no VS Code.

Visual Studio Code é o melhor editor de texto

Por mais que muitos pareçam adorar, o VS Code não é perfeito para ninguém – nada é – e pode não ser o que você está procurando. Lembre-se de que o VS Code é um editor de texto, não um IDE completo.

No entanto, você deve tentar e entrar com a mente aberta. Achamos que seus recursos podem surpreendê-lo – no bom sentido!