Lovable (GPT Engineer): engenheiro de software de IA em um só lugar para criar rapidamente códigos de sites e aplicativos

Introdução geral

O Lovable (anteriormente conhecido como GPT Engineer) é uma ferramenta de engenharia de software de IA projetada para ajudar os usuários a criar rapidamente sites e aplicativos da Web reais. Ao conversar com a IA, os usuários podem criar facilmente protótipos interativos e implantá-los no serviço de hospedagem de sua escolha em segundos. O Lovable oferece suporte completo ao processo, desde a edição de código até a implantação com um clique, e é adequado tanto para iniciantes quanto para desenvolvedores experientes.

Versão de código aberto: https://github.com/gpt-engineer-org/gpt-engineer (com diferenças significativas em relação à versão on-line)

Pilha de tecnologia opcional:

shadcn/ui + typescript: criando um front-end + banco de dados Supabase com React, Tailwind, vite e TpeScript

shadcn/ui + javascript: Criando um front-end + banco de dados Supabase com React, Tailwind e Vite

Para novatos como eu, que não conseguem ler o código. Cursor Adorável, Editor de Windsurf responder cantando Parafuso Vale a pena tentar, mas ainda não é o suficiente para que os "estudantes de artes liberais" realmente criem aplicativos versáteis e que incluam serviços de front-end e back-end.

As ferramentas acima, classificadas como "IDEs de IA", ainda têm um certo limite de uso, a começar por: 1. descrever a funcionalidade a ser implementada 2. depurar e executar o código localmente 3. implantar o programa, o que restringe a maioria das pessoas de tentar escrever seus próprios aplicativos usando descrições de linguagem natural. Essas três restrições impedem que a maioria das pessoas tente "escrever seu próprio aplicativo usando descrições em linguagem natural".

Se você quiser criar apenas páginas únicas simples e puramente de front-end, contar com os trabalhadores da Cloudflare provavelmente será uma opção melhor, pelo menos para evitar os três limites mencionados acima. Não é difícil de entender, assim como é sempre fácil obter modelos de linguagem grandes para gerar linguagens de marcação como markdown ou Mermaid.

Lista de funções

• O Chat cria sites e aplicativosGeração rápida de sites e aplicativos da Web por meio do diálogo com a IA.
• Propriedade do códigoCódigo: O usuário tem o código gerado e pode editá-lo usando o AI ou seu IDE favorito.
• Implementação em um cliqueSuporte à implementação com um clique em um serviço de hospedagem da escolha do usuário.
• Sincronização do GitHubSincronização com sua conta do GitHub para facilitar o gerenciamento de código.
• Recursos avançadosOferece recursos avançados, como geração de back-end orientada por IA e ferramentas de colaboração em equipe.

Usando a Ajuda

1. Registro e login::
   • Visite o site do GPT Engineer, clique no botão "Registrar" e preencha as informações pessoais necessárias para concluir seu registro.
   • Após a conclusão do registro, faça login com seu e-mail e senha registrados.
2. Criar um projeto::
   • Depois de fazer o login, clique no botão "Create New Project" (Criar novo projeto) e digite o nome e a descrição do projeto.
   • Selecione o tipo de projeto (site ou aplicativo da Web) e clique em "Create" (Criar).
3. Criando diálogos com IA::
   • Na página do projeto, clique no botão "Start Dialogue" (Iniciar diálogo) para iniciar um diálogo com a IA.
   • Descreva a funcionalidade e o design do site ou aplicativo que deseja criar, e a IA gerará o código com base na sua descrição.
   • Você pode revisar e editar o código gerado a qualquer momento para garantir que ele atenda às suas necessidades.
4. Edição e gerenciamento de código::
   • O código gerado pode ser modificado no editor de código interno do site.
   • Você também pode sincronizar o código com sua conta do GitHub e editá-lo usando seu IDE favorito.
5. Implementação em um clique::
   • Quando terminar de editar o código, clique no botão "One Click Deployment" e selecione seu serviço de hospedagem (por exemplo, Vercel, Netlify, etc.).
   • O sistema implantará automaticamente seu projeto no serviço de hospedagem escolhido e ele estará ativo em segundos.
6. Recursos avançados::
   • O GPT Engineer oferece recursos avançados, como geração de back-end orientada por IA e ferramentas de colaboração em equipe.
   • Esses recursos podem ser desbloqueados com o upgrade para uma conta Pro ou Team, conforme descrito no guia de upgrade no site.
7. Sincronização com o git e serviços de back-end de compilação

Autorize e sincronize o projeto com o GitHub e, em seguida, autorize o Supabase e comece a criar o código de back-end.

Dicas e truques

• Aproveitamento total da função de diálogoDescreva seus requisitos em detalhes com a IA para garantir que o código gerado atenda às expectativas.
• Sincronização regular de códigoSincronize o código com o GitHub para facilitar o controle de versão e a colaboração da equipe.
• Aproveite os recursos avançadosFaça upgrade de sua conta para desbloquear recursos mais avançados e melhorar a eficiência do desenvolvimento com base nos requisitos do projeto.

Com as etapas acima, os usuários podem começar a usar facilmente o GPT Engineer e criar rapidamente sites e aplicativos da Web de alta qualidade.

O guia do leigo para começar a usar a IA

Ajuda você a aprender a utilizar as ferramentas de IA com baixo custo e a partir de uma base zero.A IA, assim como o software de escritório, é uma habilidade essencial para todos. Dominar a IA lhe dará uma vantagem em sua busca de emprego e metade do esforço em seu trabalho e estudos futuros.

Ver detalhes>