Voltar para o Blog
IA na Prática20 / 50
  1. 01Bem-vindo: o que você vai conseguir fazer no fim desta série
  2. 02O que é uma IA que conversa, em português claro
  3. 03O que dá e o que não dá pra fazer com IA hoje
  4. 04Claude, ChatGPT, Gemini: qual a diferença e por que vamos usar o Claude
  5. 05Os três jeitos de falar com a IA: site, app e terminal
  6. 06A mentalidade certa: você é o maestro, a IA é o instrumento
  7. 07Criando sua conta e instalando o app do Claude
  8. 08Sua primeira conversa: como pedir bem (o prompt)
  9. 09Anexando arquivos, imagens e PDFs
  10. 10Projetos no Claude: guardando contexto que não se perde
  11. 11Artifacts: quando o Claude monta um documento ou um mini-app pra você
  12. 12Memória, instruções e estilo: ensinando o Claude do seu jeito
  13. 13Planos, limites e custo: o que é grátis e quando vale pagar
  14. 14O que é o "terminal" e por que ele não dá medo
  15. 15Abrindo o terminal no Mac e no Windows (e no Linux)
  16. 16Cinco comandos de sobrevivência: pwd, ls, cd, mkdir, cat
  17. 17Como o computador organiza tudo: pastas, arquivos e caminhos
  18. 18Instalando o Node.js (e o que é isso, afinal)
  19. 19npm: a "loja de peças" gratuita do mundo dev
  20. 20Instalando o VS Code: seu editor de código (e por que precisa de um)
  21. 21O que é o Git e por que todo projeto sério usa
  22. 22Criando sua conta no GitHub (a nuvem do seu código)
  23. 23O que é o Claude Code e por que ele é diferente do app
  24. 24Instalando o Claude Code
  25. 25Primeiro login e sua primeira sessão
  26. 26Como o Claude Code "enxerga" suas pastas (e por que isso importa)
  27. 27Sua primeira tarefa real: peça pra ele criar um arquivo
  28. 28Permissões: quando ele pergunta antes de mexer
  29. 29O arquivo CLAUDE.md: ensinando o robô sobre o seu projeto
  30. 30Modo plano e revisão: deixe ele pensar antes de fazer
  31. 31Errou? Desfazendo e recomeçando sem medo
  32. 32Escolhendo um primeiro projeto pequeno e real
  33. 33Descrevendo o que você quer: o briefing
  34. 34Deixe o Claude montar o esqueleto do projeto
  35. 35Rodando o projeto na sua máquina pela primeira vez
  36. 36Mudando textos, cores e imagens só conversando
  37. 37Quando algo quebra: lendo um erro sem entrar em pânico
  38. 38Pedindo pro Claude consertar o erro (copiar, colar, descrever)
  39. 39Adicionando uma página ou funcionalidade nova
  40. 40Salvando seu progresso com Git (commits, sem decoreba)
  41. 41Subindo seu projeto pro GitHub
  42. 42Colocando seu projeto no ar de graça (deploy)
  43. 43A anatomia de um bom pedido (revisão turbinada)
  44. 44Dividir pra conquistar: por que tarefas pequenas vencem
  45. 45Revisar o que a IA fez: a responsabilidade é sua
  46. 46Segurança básica: senhas, chaves e o que NUNCA colar
  47. 47Quando a IA "alucina" e como perceber
  48. 48Aprendendo a aprender com a IA: ela é sua professora particular
  49. 49Cinco ideias de próximos projetos pra praticar
  50. 50Seu novo superpoder: pra onde ir a partir daqui (fecho)
IA na PráticaParte 20 de 50

Instalando o VS Code: seu editor de código (e por que precisa de um)

4 min de leitura
Compartilhar
IA na Prática

Você já tem o terminal, o Node.js e o npm. Falta uma última ferramenta antes de partir pra construção de verdade: um editor de código. Vamos instalar o VS Code, o mais usado do mundo, e ele vai virar a sua bancada de trabalho. A instalação é simples e a recompensa é grande.

A ideia: uma bancada de trabalho, não uma folha em branco

Você poderia escrever código no Bloco de Notas (ou no TextEdit do Mac). Funciona? Tecnicamente, sim. Mas seria como cozinhar um banquete usando só uma colher.

Um editor de código é um programa feito sob medida pra trabalhar com arquivos de projeto. Ele oferece coisas que o Bloco de Notas não tem:

  • Cores: ele pinta partes do texto de cores diferentes, o que ajuda você a enxergar a estrutura e perceber erros na hora.
  • Organização: mostra todas as pastas e arquivos do seu projeto numa barra lateral, como um índice. Você navega clicando.
  • Terminal embutido: aquele mesmo terminal que você aprendeu a usar fica dentro do editor, num cantinho. Você não precisa ficar trocando de janela.

O VS Code (nome completo: Visual Studio Code) é gratuito, feito pela Microsoft, e roda em Mac, Windows e Linux. É o editor que mais gente usa no mundo — e o que combina muito bem com IA.

Passo 1: baixar

Abra o navegador e vá para o site oficial:

https://code.visualstudio.com

A página costuma detectar seu sistema e mostrar o botão de download certo. Clique no botão de download principal.

  • No Mac: baixa um arquivo .zip.
  • No Windows: baixa um instalador .exe (procure o botão para Windows).
  • No Linux: o site oferece os pacotes .deb e .rpm.

Use só esse endereço oficial. É gratuito de verdade; não existe versão paga.

Passo 2: instalar

No Mac

  1. Abra o arquivo .zip baixado. Ele vira um aplicativo chamado Visual Studio Code.
  2. Arraste esse aplicativo para a sua pasta Aplicativos (Applications). Isso o instala de vez.
  3. Abra-o a partir da pasta Aplicativos. Se o Mac avisar que é um app baixado da internet, confirme que deseja abrir.

No Windows

  1. Abra o instalador .exe baixado.
  2. Aceite os termos e clique em Avançar / Next nas telas.
  3. Quando aparecer a lista de opções extras, deixe marcada a opção "Adicionar ao PATH" se ela estiver disponível — isso ajuda o terminal a encontrar o VS Code depois. As outras opções padrão estão boas.
  4. Clique em Instalar e depois em Concluir. Deixe a caixa de "abrir o VS Code" marcada.

No Linux

Instale o pacote .deb ou .rpm baixado pelo gerenciador de pacotes da sua distribuição.

Passo 3: abrir uma pasta

O VS Code trabalha sempre olhando para uma pasta — o seu projeto inteiro de uma vez, não um arquivo solto.

Com o VS Code aberto, vá no menu File (Arquivo) e clique em Open Folder (Abrir Pasta). Navegue até a pasta projetos que você criou no post #17 e abra-a. Na barra lateral esquerda, você vai ver o conteúdo dela. Por enquanto pode estar vazia — tudo bem, em breve vai encher.

Passo 4: conhecer o terminal embutido

Essa é a mágica que vai facilitar sua vida. No menu View (Exibir), clique em Terminal. Vai abrir uma faixa na parte de baixo da tela: é um terminal igualzinho ao que você já usou, só que dentro do editor.

Pra confirmar que ele funciona, clique dentro dessa faixa e digite:

pwd

Deve aparecer o endereço da pasta que você abriu. A partir de agora, você edita arquivos em cima e roda comandos embaixo, tudo na mesma tela. Essa é a sua bancada.

Se algo der errado

  • No Mac, "não é possível abrir porque é de um desenvolvedor não identificado": clique com o botão direito (ou Control + clique) no app e escolha Abrir; aí ele deixa confirmar uma vez.
  • O terminal embutido não aparece: confira o menu View (Exibir) procurando por Terminal. Em alguns idiomas o menu pode estar em português; é o mesmo item.
  • Abri um arquivo solto, não uma pasta: sem problema, mas o ideal é sempre abrir a pasta do projeto com File > Open Folder. Assim o VS Code enxerga tudo de uma vez e a barra lateral fica útil.

No próximo post, com todas as ferramentas instaladas e a bancada montada, a gente finalmente coloca a mão na massa e começa a usar a IA pra construir algo de verdade. Você está pronto.

Curtiu como a gente pensa?

É assim que trabalhamos todo dia.

Se esse jeito de pensar é o seu, vem construir com a gente — dá uma olhada nas vagas abertas.

Ver vagas