Pular para o conteúdo
Educação

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

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.

Objetivo deste Tutorial

Como Usar a IDE Trae: Tutorial de Instalação. 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.

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

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.