Como instalar o VS Code e configurar o ambiente de programação

Antes de escreveres a primeira linha de código, precisas de um bom sítio para a escrever. O Visual Studio Code (VS Code) é um editor gratuito, leve e usado por milhões de programadores. Este guia mostra como instalar, configurar e tirar partido dele desde o primeiro dia.

O que é o VS Code

É um editor de código da Microsoft, gratuito, que funciona em Windows, macOS e Linux. Realça a sintaxe, sugere código enquanto escreves, tem terminal integrado e suporta milhares de extensões para qualquer linguagem.

Instalar

1. Vai a code.visualstudio.com e descarrega a versão para o teu sistema.
2. Abre o instalador e aceita as opções predefinidas.
3. No Windows, marca "Adicionar ao menu de contexto" para abrires pastas com o botão direito.
4. Abre o VS Code.

Primeiros passos na interface

• Explorador (barra à esquerda): mostra a pasta do projeto. Usa Ficheiro → Abrir pasta.
• Pesquisa: procura texto em todos os ficheiros.
• Controlo de código-fonte: integra com o Git.
• Extensões: instala complementos.
• Terminal: abre com Ctrl + ' (ou Terminal → Novo terminal).

Trabalha sempre com uma pasta aberta, não só com ficheiros soltos. Fica tudo mais organizado.

Extensões úteis para iniciantes

• Portuguese (Portugal) Language Pack: interface em português.
• Live Server: abre a página no navegador e atualiza sozinha quando gravas.
• Prettier: formata o código automaticamente.
• Python (da Microsoft): se vais usar Python.
• PHP Intelephense: ajuda em PHP.
• GitLens: mostra o histórico do Git linha a linha.

Não instales dezenas. Começa com duas ou três e acrescenta quando sentires falta.

Configurações simples que ajudam

Abre as definições (Ctrl + ,) e ativa:

• Guardar automaticamente (Auto Save): evita perder trabalho.
• Formatar ao guardar (Format on Save), com o Prettier.
• Tamanho de letra confortável e tema escuro ou claro, conforme preferires.

Atalhos que poupam tempo

• Ctrl + S: gravar.
• Ctrl + P: abrir um ficheiro pelo nome.
• Ctrl + Shift + P: paleta de comandos.
• Ctrl + /: comentar ou descomentar linha.
• Alt + ↑/↓: mover linha.
• Ctrl + D: selecionar a próxima ocorrência da palavra.
• Ctrl + Z: desfazer.

(No macOS, troca Ctrl por Cmd.)

Testar o ambiente com uma página

1. Cria uma pasta meu-site e abre-a no VS Code.
2. Cria index.html e escreve ! seguido de Tab. O VS Code gera a estrutura básica.
3. Adiciona um título e um parágrafo.
4. Clica com o botão direito no ficheiro e escolhe Open with Live Server.

Se a página abrir e atualizar ao gravar, o teu ambiente está pronto. Continua com HTML para iniciantes.

Terminal integrado

Dentro do VS Code consegues correr comandos sem sair do editor, por exemplo python ola.py ou git status. Aprende os comandos básicos em terminal e linha de comandos.

Problemas comuns

• "python não é reconhecido": o Python não foi adicionado ao PATH na instalação. Reinstala e marca essa opção.
• Live Server não aparece: confirma que a extensão está instalada e que abriste uma pasta, não só um ficheiro.
• Acentos estragados: grava os ficheiros em UTF-8 e usa <meta charset="utf-8"> no HTML.

Alternativas ao VS Code

Existem outros editores e IDEs, como Sublime Text, PyCharm, IntelliJ e Notepad++. Para iniciantes, o VS Code é uma escolha segura pela simplicidade e pelo apoio da comunidade. Se precisares de ajuda para montar o teu computador para estudar, temos aulas básicas de informática.