← Preparação

Lição 2 de 4 ⏱ 15 minutos

Instalar o editor VS Code

Vamos instalar o programa onde vais escrever o teu código. É gratuito e até os profissionais o usam.

O que é o VS Code e porquê este

Visual Studio Code (as pessoas chamam-lhe VS Code por abreviatura) é um editor – um programa para escrever código. Pensa nele como o Word, mas para programadores: pinta o teu código de cores, dá-te dicas e aponta erros. É completamente gratuito, e as pessoas nas maiores empresas do mundo usam-no para construir sites. Aprende-o agora e fica contigo para sempre.

⚠️

Instala com um adulto por perto. Pede a um pai ou a uma mãe para estar contigo – a instalação em si é segura, mas é bom que saibam o que vai para o computador.

Instalar no Windows

  1. Abre code.visualstudio.com e clica no grande botão azul Download for Windows.

  2. Quando o ficheiro terminar de descarregar, clica nele (encontras-no na barra de tarefas em baixo, ou na pasta Downloads).

  3. Aceita a licença (marca I accept the agreement), depois continua a clicar Next. No passo Select Additional Tasks, marca Create a desktop icon para teres um ícone no ambiente de trabalho.

  4. Clica Install e espera. No fim, clica Finish – o VS Code abre-se.

Instalar no Mac

  1. Abre code.visualstudio.com e clica Download for macOS.

  2. Quando o ficheiro terminar de descarregar, encontra-o na pasta Downloads. Se for um ficheiro .zip, faz duplo clique para o descomprimir.

  3. Aparece um ícone azul Visual Studio Code. Arrasta-o para a pasta Applications. Pronto, está instalado.

  4. Abre a pasta Applications e faz duplo clique em Visual Studio Code para o lançar. Na primeira vez, o Mac pergunta se queres mesmo abrir – clica Open.

Conhecer o VS Code

O VS Code fala muitas línguas – vamos dar uma vista de olhos rápida e habituar-nos:

  1. Na barra lateral esquerda, clica no ícone que parece quadrados empilhados (Extensions). Parece quatro bloquinhos.

  2. Na caixa de pesquisa em cima, escreve Prettier (ou qualquer nome de tema que gostes, como Dracula ou Night Owl).

  3. Escolhe algo que gostes e clica Install ao lado.

  4. Pode aparecer uma janelinha no canto inferior direito – segue o que sugerir. O VS Code aplica a tua escolha de imediato.

Verifica tu: O VS Code abre e parece pronto a usar, com o menu em cima (File, Edit, Selection…). Se sim, está tudo pronto e a tua oficina está preparada!

O que ficas a saber desta lição