💻 VS Code/Cursor Integracao
VS Code e Cursor sao editores de codigo visual - programas onde voce ve seus arquivos de forma bonita e organizada. A diferenca e que Cursor ja vem com IA integrada!
🎯 Por que Usar um Editor Visual?
- •Ver todos os arquivos do projeto em uma arvore lateral
- •Codigo com cores (syntax highlighting) facilita leitura
- •Ver mudancas que Claude faz em tempo real
- •Terminal integrado - tudo em um lugar!
📥 Como Instalar Cursor
- Acesse cursor.sh
- Baixe a versao para seu sistema (Windows, Mac ou Linux)
- Instale seguindo as instrucoes
- Abra e faca login (pode usar conta Google)
🔌 Extensao Claude Code
Existe uma extensao que adiciona botoes e atalhos para usar Claude Code diretamente no VS Code/Cursor, sem precisar digitar comandos!
📦 Instalando a Extensao
Abra o Cursor/VS Code
Clique no icone de extensoes (quadradinhos) na lateral
Pesquise por "Claude Code"
Clique em "Install" na extensao oficial
📺 Terminal Dentro do Editor
A melhor parte: voce pode rodar Claude Code dentro do Cursor! Terminal e editor lado a lado, sem alternar janelas.
⌨️ Abrindo o Terminal Integrado
Use o atalho de teclado:
Windows/Linux
Ctrl + `
Mac
Cmd + `
O ` e a tecla abaixo do ESC, do lado esquerdo do 1
💡 Dica de Ouro
Depois de abrir o terminal, digite claude e voce esta usando Claude Code DENTRO do Cursor. Ver os arquivos mudando enquanto Claude trabalha e magico!
🤝 Dois AIs Lado a Lado
Cursor tem sua propria IA! Voce pode usar as duas IAs juntas - cada uma tem seus pontos fortes.
🖱️ IA do Cursor
Melhor para:
- • Editar trechos pequenos de codigo
- • Perguntas rapidas sobre o arquivo aberto
- • Autocompletar enquanto digita
- • Explicar codigo que voce nao entende
⌨️ Claude Code
Melhor para:
- • Criar projetos do zero
- • Mudancas em multiplos arquivos
- • Rodar comandos e testes
- • Tarefas complexas e longas
☁️ Run Cloud Code Button
Algumas extensoes adicionam um botao de um clique para iniciar Claude Code. Sem digitar nada!
🎯 Onde Encontrar o Botao
- •Na barra de status (parte de baixo do editor)
- •Na paleta de comandos (Ctrl+Shift+P / Cmd+Shift+P)
- •No menu de contexto (clique direito)
📑 Multiplas Sessoes
Voce pode abrir varios terminais ao mesmo tempo, cada um com uma sessao diferente de Claude Code!
🔀 Casos de Uso
- •Terminal 1: Claude trabalhando no frontend
- •Terminal 2: Claude trabalhando no backend
- •Terminal 3: Rodando testes enquanto os outros trabalham
➕ Novo Terminal
Para abrir um novo terminal, clique no icone de + no painel do terminal ou use Ctrl+Shift+`
📋 Resumo do Modulo
Proximo Modulo:
6.5 - Seu Primeiro Site: Vamos criar algo real juntos!