Bolt․new：AI 帮你自动写代码 自动运行并自动部署 而且全部在浏览器中完成

Bolt․new：AI 帮你自动写代码 自动运行并自动部署 而且全部在浏览器中完成

StackBlitz 推出了 Bolt․new，一款结合 AI 与 WebContainers 技术的开发平台，它允许用户在浏览器中快速搭建并开发全栈应用。

主要特点

• 无需复杂配置：直接通过网页端完成从编写到部署的所有步骤。
• 轻量级全栈环境：在浏览器中完成整个开发流程，无需安装额外软件。

开发流程

• 提示、运行、编辑和部署：
  • 通过提示命令快速生成代码。
  • 在浏览器中运行代码，查看效果。
  • 提供代码编辑功能，进行修改和优化。
  • 一键部署应用到线上。

特性和功能

1. AI 驱动的开发流程：
   • 集成前沿 AI 模型，通过自然语言提示生成代码结构。
   • 示例：使用 React 制作待办事项应用。
2. 完整的开发环境（无需虚拟机）：
   • 依托 WebContainers 技术，支持现代开发工具链。
   • 提供快速构建、浏览器内 Node.js 调试和默认安全性。
3. 自动部署和错误修复：
   • 一键部署到 Netlify，集成自动错误检测和修复机制。
4. 免费且开放的全栈开发体验：
   • 提供免费的开发环境，支持与其他工具集成，实现一键部署。
5. 创新与协作生态系统：
   • 与多个合作伙伴合作，推动 AI 模型与开发工具的整合。
6. 多功能用途：
   • 适用于 web 开发项目，满足其他创意需求，如任务管理、博客、演示文稿等。
7. 前沿开发技术支持：
   • 基于 WebContainers 技术，提供强大的性能和灵活性。
8. 模板项目：
   • 提供多种预设模板，如博客网站、移动应用、文档网站等。

WebContainers 简介

WebContainers 是一种在浏览器中运行的全栈 Node.js 环境，使用 WebAssembly 技术，不依赖远程服务器。它允许开发者在浏览器中创建和运行 Node.js 应用，实现快速启动和分享。

主要特点

• 浏览器内本地运行 Node.js：首次实现 Node.js 在浏览器内本地运行。
• 快速构建：构建速度提高 20%，包安装速度提升 5 倍以上。
• 安全性：代码执行在浏览器中进行，避免远程服务器的安全风险。
• 实时共享和协作：通过浏览器运行应用并即时分享链接。
• Chrome DevTools 集成：实现浏览器内的后端调试。

应用场景与优势

• 快速原型开发：支持快速创建原型，测试新库或生成 bug 复现案例。
• 代码安全执行：在浏览器沙箱中执行代码，提升安全性。
• 离线工作：支持离线工作，即使无网络连接也能继续工作。

与传统在线 IDE 的区别

• 启动速度更快：浏览器本地运行的环境在毫秒内启动。
• 无网络延迟：避免网络延迟或超时问题，支持离线工作。
• 更高的安全性：基于浏览器沙箱，无需担心本地文件系统的安全风险。