🚀 Oferta especial: 60% OFF no CrazyStack - Últimas vagas!Garantir vaga →
No Code

Como instalar e usar o Trae para iniciantes

Aprenda o passo a passo completo para começar com o Trae, importar seu projeto do Lovable e usar IA para auditar e aprender com seu código sem saber programação.

CrazyStack
16 min de leitura
TraeLow codeIAGitHubLovableDesenvolvimento

Por que isso é importante

Se você está começando no desenvolvimento de aplicativos SaaS e quer fazer isso usando IA e sem precisar codar, aprender a usar o Trae é um caminho poderoso. Além de ser mais completo que ferramentas como Lovable, V0 ou Bolt, o Trae oferece integração direta com GitHub e suporte a agentes inteligentes.

O que é o Trae e por que usar

Trae é uma IDE com suporte nativo à integração com IA, voltada para criação de sistemas e aplicativos completos de forma visual. A ferramenta é ideal para iniciantes, oferecendo recursos avançados a um custo acessível.

Instalando o Trae do zero

1
Passo 1: Acesse o site oficial em trae.ai.
2
Passo 2: Escolha seu sistema operacional — no momento, compatível com Windows. Versões para Linux estão em desenvolvimento.
3
Passo 3: Baixe e execute o instalador. Siga as etapas de instalação escolhendo o idioma (recomenda-se inglês).
4
Passo 4: Finalize a instalação e abra o aplicativo. Na primeira abertura, o carregamento pode demorar um pouco.

Configurando o ambiente inicial

1
Passo 1: Instale o Node.js diretamente do site nodejs.org.
2
Passo 2: Instale o Git. Procure por Git Installer e baixe a versão compatível com seu sistema.
3
Passo 3: Com as duas ferramentas instaladas, seu ambiente está pronto para usar o Trae com projetos externos.

Importando um projeto do Lovable

1
Passo 1: Abra seu projeto no Lovable e conecte com o GitHub.
2
Passo 2: Copie a URL do repositório.
3
Passo 3: No Trae, clique em "Clone Git Repository" e cole o link.
4
Passo 4: Escolha uma pasta de destino e aguarde o Trae importar o projeto.

Usando o Trae com servidores MCP

O Trae oferece suporte ao uso de servidores MCP (Multi Component Protocol), permitindo que você integre serviços como Supabase, Firebase, Neon, Stripe e mais. Basta ir em Go To → Add MCP Server e escolher o serviço desejado.

ℹ️Atenção

A integração com MCP permite conectar tanto banco de dados quanto serviços de autenticação, pagamento e APIs externas. Explore as possibilidades oferecidas pelo Trae para tornar seu app mais completo.

Agente de segurança

O Trae permite instanciar agentes de IA especializados. Um deles, o Agente Segurança, analisa seu código e identifica vulnerabilidades divididas por nível de criticidade. Ele gera um documento com sugestões de correção passo a passo.

⚠️Atenção

Use o modelo de prompt chamado Agente Segurança disponível gratuitamente. Basta acessar o Instagram do autor e enviar a palavra-chave "agente" para receber o conteúdo.

Agente Professor para entender seu código

O Agente Professor é ideal para quem está aprendendo programação. Ele explica cada ajuste feito no código ao responder perguntas, tornando o aprendizado prático conforme você interage com seu projeto.

Dica prática

Solicite o prompt do Agente Professor também no Instagram com a palavra "professor". Com ele, o código do seu projeto se transforma em uma sala de aula interativa para você aprender na prática.

Usando arquivos produzidos pelos agentes

Quando um agente gerar um documento — como um plano de correções de segurança — basta arrastar esse arquivo para o chat do Trae com outro agente. Isso cria um contexto compartilhado e aumenta a precisão das respostas.

Personalizando as configurações da IDE

Você pode ajustar aspectos como a entrada padrão dos prompts diretamente em IDEA Settings, personalizando o assistente e adaptando o comportamento da IA ao seu estilo de trabalho.

Checklist de Implementação

Instalou o Trae no seu sistema
Instalou Node.js e Git
Importou seu projeto do Lovable
Conectou MCP para banco de dados
Utilizou o agente de segurança
Testou o agente professor para aprendizado conteúdo assistido

Domine React e Node com o CrazyStack

Aprenda técnicas avançadas de React com nosso curso completo