Setup no VS Code

Existem 2 formas de usar Claude Code:

• 💚 VS Code + extensão oficial (recomendado pro time)
• Terminal puro (alternativa)

Esta página cobre o setup recomendado. Se você é dev experiente em terminal e prefere assim, o fluxo é similar — só pula os passos de instalar VS Code.

Por que VS Code

• Interface amigável — painel lateral com chat, diff visual de mudanças, botões
• Contexto automático — Claude Code enxerga qual arquivo você tá editando
• Aprovação visual — quando Claude quer editar algo, você vê a mudança e clica Accept/Reject
• Git integrado — commits, branches, PRs aparecem na UI
• Cores por projeto (trigger dnc do Fred) — cada empresa tem sua cor

Passo 1 — Instalar VS Code

Se ainda não tem:

1. Baixa em code.visualstudio.com
2. Abre, aceita os termos
3. Opcional: login com conta GitHub no canto inferior esquerdo (útil pra sync de settings)

Passo 2 — Instalar Claude Code

Tem 2 jeitos. Escolhe o primeiro (mais simples):

A) Pela extensão do VS Code (recomendado)

1. No VS Code, clica no ícone de Extensions (ou Cmd+Shift+X)
2. Busca por “Claude Code” (o oficial da Anthropic)
3. Clica Install
4. Reinicia o VS Code

Pronto. A extensão instala o claude CLI automaticamente.

B) Pelo Homebrew (só se preferir terminal)

brew install claude

Passo 3 — Primeiro login

Abre um terminal dentro do VS Code (View → Terminal ou `Ctrl+“) e roda:

claude

Vai abrir o navegador. Loga com o email corporativo:

fred.valente@emotionstudios.com.br
silas.marreiro@emotionstudios.com.br
paulo.moura@emotionstudios.com.br
... (o seu @emotionstudios.com.br)

Autoriza. Volta pro terminal, Claude Code já tá logado.

⚠️ Não loga com conta pessoal (Gmail/etc.). O seat corporativo é linkado ao email @emotionstudios.com.br.

Passo 4 — Testar

No terminal do VS Code, dentro de qualquer pasta clonada da holding (oinc-filmes, 1bmg, etc.), roda:

claude

Abre um prompt interativo. Pergunta:

Lê o CLAUDE.md desse repo e me resume o que eu preciso saber
sobre o time e como a gente trabalha.

Claude vai ler o CLAUDE.md que tá no root do repo (escrito pela gente) e te dar resumo.

Se funcionou, setup completo.

Passo 5 — Abrir painel Claude no VS Code

Depois de instalar a extensão:

• Barra lateral: procura o ícone do Claude na barra esquerda do VS Code
• Atalho: Cmd+Esc (Mac) ou equivalente no Windows
• Abre painel do Claude onde dá pra chatear sem precisar do terminal

Configuração opcional — Cores por projeto

O Fred usa um sistema onde cada empresa tem uma cor no VS Code (via .vscode/settings.json do repo). Quando você abre múltiplas janelas, fica óbvio qual empresa tá em qual.

Pra replicar no seu ambiente quando for trabalhar em diferentes empresas, cria .vscode/settings.json no repo com:

{
  "workbench.colorCustomizations": {
    "titleBar.activeBackground": "#<cor>",
    "titleBar.activeForeground": "#ffffff"
  }
}

Cores recomendadas:

• 1BMG: #ffd93d (amarelo)
• Oinc: #22c55e (verde)
• AdsVenture: #06b6d4 (ciano)
• Skopia: #ef4444 (vermelho)
• Creator Reply/Beats: #3b82f6 (azul)

Troubleshooting

”claude: command not found”

Extensão não instalou o CLI no PATH. Reabre VS Code ou roda manualmente:

brew install claude

“Not authenticated”

Expirou a sessão. Roda:

claude logout
claude

Loga de novo.

”Can’t find CLAUDE.md”

Você tá fora da pasta do repo. Navega pra dentro dele:

cd ~/ventures/emotion-studios/1bmg
claude

Notificações do VS Code pesadas

Cmd+, → busca “notifications” → desliga as que são barulhentas.

Próximos

→ Conceitos pro time — CLAUDE.md, memory, skills