StackBlitz recientemente lanzó una herramienta innovadora llamada Bolt.new, una herramienta de desarrollo de IA basada en navegador que permite a desarrolladores, jefes de proyecto o diseñadores construir, ejecutar, editar e implementar aplicaciones full-stack en el navegador sin necesidad de configuración local. Este artículo describe detalladamente Bolt.new para ayudarle a comprender completamente este producto.

social_preview_index.jpg

Bolt.new Introducción

Bolt.new es un agente de desarrollo web impulsado por inteligencia artificial que le permite solicitar, ejecutar, editar e implementar aplicaciones full-stack directamente desde su navegador, sin necesidad de configuración local. Integra modelos de IA de vanguardia y un entorno de desarrollo en el navegador con soporte de WebContainers de StackBlitz. Esto le permite:

  • Instalar y ejecutar herramientas y bibliotecas npm (como Vite, Next.js, etc.)
  • Ejecutar servidores Node.js
  • Interactuar con API de terceros
  • Implementar en producción desde el chat
  • Compartir su trabajo a través de una URL

A diferencia de los entornos de desarrollo tradicionales, Bolt.new otorga a los modelos de IA el control total del entorno completo, incluyendo el sistema de archivos, el servidor Node, el gestor de paquetes, la terminal y la consola del navegador. Esto permite que el agente de IA gestione todo el ciclo de vida de la aplicación, desde la creación hasta la implementación.

Características destacadas

  • Desarrollo en navegador full-stack: Integra modelos de IA y entornos de desarrollo en el navegador.
  • Instalación y ejecución de herramientas npm: Admite la instalación y ejecución de varios frameworks y bibliotecas JavaScript populares.
  • Ejecución de servidores Node.js: Permite ejecutar servidores Node.js directamente en el navegador.
  • Interacción con API de terceros: Permite la interacción con API de terceros.
  • Implementación en producción: Permite la implementación en producción directamente desde el chat.
  • Compartir el trabajo: Permite compartir su trabajo a través de una URL para facilitar la colaboración en equipo y las presentaciones.
  • Control del entorno de IA: Los modelos de IA pueden controlar todo el entorno de desarrollo, incluyendo el sistema de archivos y el servidor.

Casos de uso

  1. Desarrollo rápido de prototipos: Los desarrolladores pueden usar Bolt.new para crear prototipos rápidamente e iterar.
  2. Colaboración en equipo: Los miembros del equipo pueden compartir URL para ver y editar el estado del proyecto en tiempo real.
  3. Educación y aprendizaje: Los estudiantes y desarrolladores pueden aprender y practicar el desarrollo full-stack en línea a través de Bolt.new.

Tutorial de uso

  1. Acceder al sitio web del producto: Abra su navegador y acceda al sitio web oficial de Bolt.new.

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

  2. Registro e inicio de sesión: Si necesita más tokens de IA o proyectos privados, puede comprar una suscripción de pago en la configuración.

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

  3. Crear un nuevo proyecto: Haga clic en crear un nuevo proyecto, ingrese el nombre y la descripción del proyecto.

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

  4. Seleccionar la pila tecnológica: Seleccione el framework o biblioteca específica según sea necesario.

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

  5. Escribir código: Escriba y edite código directamente en el navegador.

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

  6. Instalar dependencias: Use el gestor de paquetes integrado para instalar las dependencias npm necesarias.
  7. Ejecutar y probar: Ejecute el proyecto y pruébelo para asegurarse de que todo funcione como se espera.

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

  8. Implementar la aplicación: Implemente la aplicación en producción a través de comandos de chat.
  9. Compartir el proyecto: Genere una URL del proyecto para compartir su trabajo con otros.

Conclusión

Bolt.new, con su ventaja principal de permitir el desarrollo full-stack sin configuración local, muestra un gran potencial en el campo del desarrollo web. Para obtener más información sobre cómo Bolt.new está cambiando la experiencia de desarrollo, visite el sitio web oficial de Bolt.new para obtener más detalles.