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

Como Usar a IDE Trae: Tutorial de Instalação e Primeiro Projeto

Este tutorial prático ensina como instalar a IDE Trae, configurar seu ambiente e usar o Modo Builder para gerar uma API Node.js completa em minutos.

CrazyStack Team
15 min de leitura
IDE TraeTutorialNode.jsIA

Objetivo deste Tutorial

Este guia foi projetado para ser sua primeira experiência prática com a IDE Trae. Ao final, você terá instalado a ferramenta, entendido sua interface e usado o poderoso Modo Builder para gerar uma API REST funcional em Node.js, tudo isso com o mínimo de código manual. O foco é aprender o fluxo de trabalho assistido por IA.

Passo 1: Instalação e Configuração

O primeiro passo é baixar e instalar a IDE. Atualmente, a Trae está disponível para macOS e Windows. O processo de instalação é direto e não requer configurações complexas.

1
Acesse o site oficial: Vá para trae.ai e baixe o instalador para o seu sistema operacional.
2
Execute o instalador: Siga as instruções na tela. A instalação é padrão e rápida.
3
Abra a IDE Trae: Após a instalação, inicie a aplicação. Você será recebido com uma tela de boas-vindas e a opção de iniciar um novo projeto.

Passo 2: Criando um Novo Projeto com o Modo Builder

Agora começa a mágica. Vamos usar o Modo Builder para que a IA gere a estrutura completa de uma API Node.js. Este é o principal diferencial da Trae em comparação com outras ferramentas.

1
Selecione "New Project": Na tela inicial, clique em "New Project" ou utilize o atalho correspondente.
2
Ative o Modo Builder: A IDE perguntará como você deseja iniciar. Escolha a opção "Builder Mode".
3
Descreva sua API: Uma caixa de texto aparecerá. Aqui, você vai escrever em linguagem natural o que deseja construir. Use o prompt abaixo.

ℹ️Prompt para o Modo Builder

Crie uma API REST para um blog simples usando Node.js e Express. A API deve ter as seguintes rotas: - GET /posts: retorna uma lista de todos os posts. - GET /posts/:id: retorna um post específico pelo seu id. - POST /posts: cria um novo post com title e content. Use um array em memória como mock para o banco de dados.

Passo 3: Analisando o Código Gerado

Após alguns instantes, a Trae irá gerar toda a estrutura de arquivos e o código necessário. Você verá uma estrutura de pastas semelhante a esta no painel esquerdo:

Estrutura de Arquivos Gerada

my-blog-api/
├── node_modules/
├── src/
│   ├── routes/
│   │   └── posts.js
│   └── index.js
├── .gitignore
└── package.json

A IA não apenas criou os arquivos, mas também adicionou o código funcional. O arquivo `src/index.js` terá a configuração do servidor Express, e `src/routes/posts.js` conterá a lógica para cada uma das rotas que você solicitou.

Passo 4: Executando e Testando a API

A Trae facilita a execução de projetos. Com o terminal integrado, você pode instalar as dependências e iniciar o servidor com comandos simples.

1
Abra o terminal integrado: Use o menu da IDE para abrir um novo terminal.
2
Instale as dependências: Digite o comando `npm install` e pressione Enter.
3
Inicie o servidor: Digite `npm start` (ou `node src/index.js`) para iniciar a API. O terminal mostrará que o servidor está rodando, geralmente na porta 3000.
4
Teste a rota GET: Use uma ferramenta como o Postman ou o próprio terminal (`curl http://localhost:3000/posts`) para testar a rota e ver a lista de posts mockados.

Checklist do Tutorial

IDE Trae instalada e funcionando.
Novo projeto criado usando o Modo Builder.
Prompt em linguagem natural utilizado para gerar uma API Node.js.
Estrutura de código gerada pela IA foi analisada.
Dependências instaladas e servidor da API iniciado com sucesso.
Rota da API testada e funcionando conforme o esperado.

Construa Projetos Reais com IA

Acelere seu desenvolvimento aprendendo a usar ferramentas de IA para criar aplicações completas do zero.