A StackBlitz lançou recentemente uma ferramenta inovadora chamada Bolt.new, uma ferramenta de desenvolvimento de IA baseada em navegador que permite a desenvolvedores, gerentes de projeto ou designers construírem, executarem, editarem e implantarem aplicativos full-stack no navegador sem configuração local. Este artigo descreverá detalhadamente as informações relevantes sobre o Bolt.new, ajudando você a entender completamente este produto.

social_preview_index.jpg

Bolt.new Introdução

Bolt.new é um agente de desenvolvimento web impulsionado por IA que permite que você solicite, execute, edite e implante aplicativos full-stack diretamente do seu navegador, sem configuração local. Ele integra modelos de IA de ponta e um ambiente de desenvolvimento de navegador com suporte do WebContainers da StackBlitz. Isso permite que você:

  • Instalar e executar ferramentas e bibliotecas npm (como Vite, Next.js, etc.)
  • Executar servidores Node.js
  • Interagir com APIs de terceiros
  • Implantar em produção a partir do chat
  • Compartilhar seu trabalho via URL

Diferentemente dos ambientes de desenvolvimento tradicionais, o Bolt.new concede aos modelos de IA controle total sobre todo o ambiente, incluindo o sistema de arquivos, o servidor Node, o gerenciador de pacotes, o terminal e o console do navegador. Isso permite que o agente de IA gerencie todo o ciclo de vida do aplicativo, da criação à implantação.

Destaques

  • Desenvolvimento full-stack no navegador: Integra modelos de IA e ambiente de desenvolvimento no navegador.
  • Instalação e execução de ferramentas npm: Suporta a instalação e execução de diversos frameworks e bibliotecas JavaScript populares.
  • Execução de servidores Node.js: Permite executar servidores Node.js diretamente no navegador.
  • Interação com APIs de terceiros: Permite interagir com APIs de terceiros.
  • Implantação em produção: Permite implantar em produção diretamente do chat.
  • Compartilhamento de trabalho: Permite compartilhar seu trabalho via URL, facilitando a colaboração em equipe e apresentações.
  • Controle de ambiente de IA: O modelo de IA pode controlar todo o ambiente de desenvolvimento, incluindo o sistema de arquivos e o servidor.

Cenários de uso

  1. Desenvolvimento rápido de protótipos: Os desenvolvedores podem usar o Bolt.new para criar protótipos rapidamente e iterar.
  2. Colaboração em equipe: Os membros da equipe podem compartilhar URLs para visualizar e editar o status do projeto em tempo real.
  3. Educação e aprendizado: Estudantes e desenvolvedores podem usar o Bolt.new para aprender e praticar desenvolvimento full-stack online.

Tutorial

  1. Acesse o site oficial do produto: Abra seu navegador e acesse o site oficial do Bolt.new.

    截屏2024-10-09 下午3.54.33.png

  2. Registro e login: Se você precisar de mais tokens de IA ou projetos privados, poderá adquirir uma assinatura paga nas configurações.

    截屏2024-10-09 下午3.53.36.png

  3. Criar um novo projeto: Clique em criar um novo projeto, insira o nome e a descrição do projeto.

    截屏2024-10-09 下午3.53.36.png

  4. Selecione a pilha de tecnologias: Selecione o framework ou biblioteca específica de acordo com suas necessidades.

    截屏2024-10-09 下午3.53.36.png

  5. Escreva o código: Escreva e edite o código diretamente no navegador.

    截屏2024-10-09 下午3.58.56.png

  6. Instalar dependências: Use o gerenciador de pacotes integrado para instalar as dependências npm necessárias.
  7. Executar e testar: Execute o projeto e faça testes para garantir que tudo esteja funcionando conforme o esperado.

    截屏2024-10-09 下午3.58.03.png

  8. Implantar o aplicativo: Implante o aplicativo em produção por meio de comandos de bate-papo.
  9. Compartilhar o projeto: Gere um URL do projeto para compartilhar seu trabalho com outras pessoas.

Conclusão

Bolt.new, com sua principal vantagem de permitir desenvolvimento full-stack sem configuração local, mostra um grande potencial na área de desenvolvimento web. Para saber mais sobre como o Bolt.new está mudando a experiência de desenvolvimento, clique para acessar o site oficial do Bolt.new e saiba mais.