OpenCode: VSCode Extension for OpenCode
Última atualização: 2026-08-31
--- title: Instalação do OpenCode no VSCode description: Aprenda a instalar e usar a extensão OpenCode no VSCode para colaboração com IA dentro do editor order: 6 lang: pt-br
O OpenCode pode ser usado como extensão do VSCode, permitindo colaboração com IA diretamente no editor.
1. O Que Você Vai Aprender
- Instalação da extensão VSCode
- Uso dentro do editor
- Diferenças em relação à versão terminal
- Operações comuns
2. Instalar a Extensão
Via Marketplace
- Abra o VSCode
- Clique no ícone de extensões (ou
Ctrl+Shift+X) - Busque OpenCode
- Clique Install
Via linha de comando
code --install-extension anomalyco.opencode
3. Configurar Conexão
- Abra a paleta de comandos (
Ctrl+Shift+P) - Busque OpenCode: Connect Provider
- Selecione o provedor e insira a API Key
4. Uso Básico
- Abrir painel: ícone na barra lateral ou paleta de comandos → OpenCode: Open Panel
- Conversar: digite linguagem natural no painel
- A IA pode ler arquivos abertos no VSCode e aplicar modificações automaticamente
- Suporte a visualização diff
5. VSCode vs Terminal
| Recurso | Extensão VSCode | TUI Terminal |
|---|---|---|
| Instalação | Marketplace | Linha de comando |
| Interface | Gráfica | Terminal texto |
| Integração de arquivos | Lê o editor | Lê o diretório |
| Preview de código | Diff view | Terminal |
| Atalhos | Paleta de comandos | / comandos |
| Cenário ideal | Desenvolvimento diário | Servidor/automação |
6. Atalhos Comuns
| Operação | Método |
|---|---|
| Abrir painel | Ícone na barra lateral / Paleta |
| Enviar mensagem | Enter |
| Trocar modelo | Paleta → OpenCode: Switch Model |
| Desfazer | Paleta → OpenCode: Undo |
| Nova sessão | Paleta → OpenCode: New Session |
❓ FAQ
P: Posso usar a extensão VSCode e o TUI simultaneamente?
R: Sim, mas não recomendamos operar o mesmo projeto ao mesmo tempo. Ambos compartilham arquivos do projeto e modificações simultâneas podem causar conflitos.
P: A extensão suporta todas as funcionalidades?
R: As funcionalidades centrais são as mesmas do TUI. A versão VSCode adiciona preview diff gráfico e integração com o editor.
📖 Resumo
- Extensão VSCode oferece experiência gráfica
- Instale buscando "OpenCode" no Marketplace
- Funcionalidades centrais idênticas ao TUI, com preview diff adicional
- Ideal para desenvolvedores acostumados com IDE
📝 Exercícios
-
Básico: Instale a extensão OpenCode no VSCode e complete uma conversa.
-
Intermediário: Use a extensão para modificar código e confirme via diff preview.
-
Avançado: Compare a experiência entre extensão VSCode e TUI, listando prós e contras de cada.
