O VS Code (Visual Studio Code) é hoje o editor de código mais usado por quem está aprendendo. É gratuito, funciona em Windows, macOS e Linux e se adapta a praticamente qualquer linguagem. O segredo é configurá-lo de forma enxuta: com poucos ajustes certos, ele vira um ótimo parceiro de estudo.
Instalando e abrindo o primeiro projeto
- Acesse o site oficial, code.visualstudio.com, e baixe a versão para o seu sistema operacional.
- Execute o instalador e siga as telas. No Windows, vale marcar as opções de adicionar “Abrir com Code” ao menu de contexto, porque facilita abrir pastas pelo explorador de arquivos. Os nomes exatos podem variar conforme a versão.
- Abra o programa. Se aparecer uma tela de boas-vindas, pode explorar o passo a passo inicial ou fechá-la.
Baixe sempre do site oficial. Cópias em sites de terceiros podem trazer programas indesejados.
Mudando o idioma
Se preferir o editor em português, abra o painel de extensões (ícone de quadradinhos na barra lateral), pesquise por Portuguese (Brazil) Language Pack e instale. O VS Code pede para reiniciar e passa a exibir os menus em português. Os menus deste guia podem estar em inglês ou português, conforme a sua escolha.
Abra pastas, não arquivos soltos
Um erro comum é abrir um arquivo isolado. O ideal é abrir a pasta inteira do projeto, pelo menu Arquivo, Abrir Pasta. Assim o painel lateral mostra todos os arquivos, o terminal integrado já começa na pasta certa e as ferramentas entendem melhor o conjunto.
Ajustes que valem a pena
Abra as configurações pelo ícone de engrenagem, no canto inferior esquerdo, ou pelo atalho Ctrl + vírgula. Pesquise pelo nome para encontrar cada opção:
- Salvamento automático (Auto Save): configure para salvar após um pequeno atraso. Isso evita o clássico “mudei o código e esqueci de salvar”.
- Formatar ao salvar (Format On Save): arruma a indentação e o espaçamento sozinho. Funciona melhor com uma extensão de formatação.
- Tamanho da fonte: aumente se cansar a vista. Código legível é código com menos erros.
- Quebra de linha (Word Wrap): útil para textos longos, para não precisar rolar para o lado.
- Tema de cores: escolha um tema que seja confortável. Temas escuros ou claros são só questão de gosto e de ambiente.
Extensões: poucas e confiáveis
As extensões adicionam recursos ao editor. Instalar muitas deixa tudo lento e confuso, então comece pelo essencial:
- Extensão da linguagem que você estuda: por exemplo, a oficial para Python, que traz sugestões e depuração.
- Live Server: abre uma página HTML no navegador e atualiza sozinha quando você salva. Ótima para quem faz HTML e CSS.
- Prettier: formata código de sites (HTML, CSS, JavaScript) de forma padronizada.
- Corretor ortográfico: existem extensões que ajudam a evitar erros de digitação em comentários e textos.
- Extensão de Git: o VS Code já tem controle de versão embutido; se quiser mais recursos, há extensões para isso.
Antes de instalar, confira o nome do publicador (o fabricante da extensão), o número de instalações e as avaliações. Extensões falsas com nomes parecidos já circularam em lojas de extensões. Prefira as populares e mantidas por empresas ou comunidades conhecidas, e remova as que você não usa.
Terminal integrado e atalhos
O terminal dentro do editor
Abra o terminal integrado pelo menu Terminal, Novo Terminal. O menu também mostra o atalho de teclado correspondente, que usa a tecla do acento grave e pode variar conforme o layout do seu teclado. Ele já abre na pasta do projeto, o que facilita rodar programas e usar o Git. Se o terminal ainda é novidade, veja os comandos básicos do terminal.
Atalhos que poupam tempo
Estes funcionam por padrão no Windows e no Linux (no macOS, use Cmd no lugar de Ctrl):
- Ctrl + P: abre qualquer arquivo do projeto pelo nome.
- Ctrl + Shift + P: paleta de comandos.
- Ctrl + B: mostra ou esconde a barra lateral.
- Ctrl + barra: comenta ou descomenta a linha.
- Alt + seta para cima ou para baixo: move a linha de lugar.
- Shift + Alt + seta para baixo: duplica a linha.
- Ctrl + D: seleciona a próxima ocorrência da palavra selecionada, para editar várias de uma vez.
- Ctrl + F e Ctrl + H: buscar e substituir no arquivo.
Se você usa Windows, o guia de atalhos de teclado do Windows complementa essa lista.
Confiança na pasta e sincronização
Ao abrir uma pasta pela primeira vez, o VS Code pergunta se você confia nos autores dos arquivos. Esse recurso, o Workspace Trust, existe porque projetos podem conter tarefas e configurações que executam código. Para pastas que você mesmo criou ou baixou de fontes conhecidas, pode confiar. Para um projeto desconhecido, abra no modo restrito e leia antes.
Se você usa mais de um computador, ative a sincronização de configurações (Settings Sync) pelo ícone de contas, na barra lateral. Com uma conta da Microsoft ou do GitHub, suas preferências, atalhos e extensões acompanham você. Os nomes das opções podem variar conforme a versão.
Organizando seus projetos
Crie uma pasta principal, como projetos, e uma subpasta para cada estudo. Use nomes em minúsculas, sem espaços nem acentos, com hífen. Assim evita problemas com caminhos em ferramentas de programação. E já que está organizando, aprenda a versionar tudo com o Git e o GitHub.
Próximos passos
Configurar o editor leva menos de meia hora. Instale o essencial, ative o salvamento automático, aprenda três atalhos e comece a codar. Ajuste outras coisas só quando sentir falta, em vez de procurar a configuração perfeita antes de começar.