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 Ctrl + Shift + P (ou Cmd + Shift + P) atalho de teclado. 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 em Explorador na barra lateral de navegação, você 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): Editores abertos (ou seja, arquivos e documentos atualmente abertos) e Nenhuma pasta aberta. Este último é o que nos interessa.
Clique Pasta aberta (ou você pode navegar para 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 alternando 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.
Tem algo chamado painéis dinâmicos, onde se um dos painéis do documento aberto for muito estreito, ele será automaticamente ampliado quando você ativar esse 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 pressionado Alt. (ou Opção 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 clicar F12 para pular imediatamente para sua definição. Alternativamente, selecione seu método, função ou variável e pressione Ctrl ou Cmd, em seguida, clique nele para ir para a definição.
Ou você pode usar o Alt+F12 (ou Cmd + F12) atalho de teclado para simplesmente dar uma olhada na definição, que mostra a definição bem na linha onde está o cursor, 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 Shift + F12 atalho de teclado 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 o “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 clicar F2você pode editar o nome e isso alterará todas as instâncias do nome dessa variável em todo o projeto de trabalho atual.
Se você deseja alterar apenas o arquivo atual, use o Ctrl/Cmd+F2 atalho de teclado 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 ao básico Encontrar função.
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.
8. Use a linha de comando no código VS
O Código VS 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 Mais (+) botão no canto superior direito para gerar mais instâncias de terminal ou clique no botão Cesto de lixo 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 Extensões painel com o Ctrl + Shift + X (ou Shift + Cmd + X) atalho de teclado.
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!