Bolt.new:终极自动化编程工具

兄弟们,终极写代码工具来了—— Bolt.new!全方位的编程支持:

StackBlitz 推出了 Bolt․new,这是一款结合了 AI 与 WebContainers 技术的强大开发平台,允许用户快速搭建并开发各种类型的全栈应用。

它的主要特点是无需复杂的开发环境配置,你可以直接通过网页端在线完成从编写代码到部署应用的所有步骤,极大地方便了开发过程。

Bolt․new旨在为开发者提供一个轻量级、基于浏览器的全栈开发环境。你可以通过简单的提示创建、编辑、运行和部署复杂的全栈应用,而且全部在浏览器中完成整个开发流程,不需要安装额外的软件。

这意味着,你只要有一个浏览器,就能创建、编辑、运行、调试并发布完整的应用程序。

Prompt, Run, Edit, Deploy(提示、运行、编辑和部署)

  • 用户可以直接在平台上通过简单的提示命令(Prompt)快速生成代码,AI 会根据提示生成符合要求的代码片段或项目结构。
  • 完成代码后,用户可以立即在浏览器中运行代码,看到实际效果。
  • 提供了代码的编辑功能,用户可以对生成的代码进行修改和优化。
  • 部署功能则允许用户一键将应用发布到线上,无需单独配置服务器或云服务。

以下是 bolt․new 的主要特性和功能:

  1. AI 驱动的开发流程
    bolt․new 集成了前沿的 AI 模型(如 Anthropic 的 Claude 和 v0),让用户可以通过自然语言提示,自动生成项目的代码结构。开发者只需简单地告诉 AI 想要实现的功能,bolt․new 就能生成相应的代码,甚至可以处理复杂的多页应用、后端服务和数据库集成。bolt․new 可以创建带有工作代码的精美设计,通常只需一个提示。

    简单示例:“使用 React 制作一个待办事项应用”

    结果:一个流畅、功能齐全的待办事项应用

完整的开发环境(无需虚拟机)
bolt․new 依托于 WebContainers 技术,这是一种能够在浏览器中运行完整开发环境的微型操作系统。它支持现代开发工具链,如 npmVite 和 Next.js,让用户无需额外的开发环境配置,即可直接在浏览器中编写、运行、调试和部署应用。
WebContainers 允许你创建全栈的 Node.js 环境,这些环境在毫秒内启动并立即在线可分享——只需点击一次。这个环境提供了 VS Code 的强大编辑体验、完整的终端、npm 等等。最重要的是,它完全在你的浏览器中运行,这带来了几个关键好处:

  • 比本地环境更快。构建速度提高多达 20%,包安装速度比 yarn/npm 快 5 倍以上。
  • 浏览器内的 Node.js 调试。与 Chrome DevTools 无缝集成,无需安装任何插件,即可实现原生的后端调试。
  • 默认安全。所有代码执行都在浏览器的安全沙箱内进行,而不是在远程虚拟机或本地二进制文件中。

“没错:这是首次在浏览器内原生运行 Node.js 运行时。”

  1. 这些环境并未在远程服务器上运行。相反,每个环境都完全包含在你的浏览器内。没错:Node.js 运行时首次在浏览器内原生运行。

  2. 自动部署和错误修复
    bolt․new 提供了一键部署的功能,支持将应用部署到 Netlify 和即将支持的 Cloudflare,而且无需登录或配置复杂的凭证信息。它还集成了自动错误检测和修复机制,能够感知代码中的错误,并在用户授权下自动修复,极大地简化了代码调试和配置复杂工具(如 Webpack)的过程。

  1. 当代码不能运行时会怎样?

    我们在 WebContainers 的每一层都集成了 AI,使得 Bolt 能够感知错误并一键解决它们。

    在处理繁琐工具(如复杂的 Webpack 配置)时非常有用

  2. 免费且开放的全栈开发体验
    StackBlitz 提供了免费的开发环境,用户可以通过 bolt․new 体验完整的开发、部署和 AI 集成能力,无需担心支付费用。它还支持与其他开发工具(如 Supabase 数据库)集成,并通过一键配置实现生产环境的无缝部署。
  1. bolt․new 可以创建漂亮的、准备投入生产的多页应用,带有后端和数据库(如 Supabase),并且可以一键部署到生产环境。

    这是因为每个对话都可以运行生产构建并将其部署到 Netlify(Cloudflare 即将上线)—无需登录:

  2. 创新与协作生态系统
    StackBlitz 与多个合作伙伴建立了合作关系,包括 AnthropicNetlify 和 Cloudflare,推动 AI 模型与开发工具的深度整合。bolt․new 还支持和 vite.js 工具链的无缝协作,让前端开发者能够在浏览器内直接运行并测试其开发环境。此外,StackBlitz 将 bolt․new 的代码库开源,开发者可以自由获取并基于此开发自己的全栈应用。
  3. 多功能用途
    bolt․new 的应用场景非常广泛,不仅适用于日常的 web 开发项目,还能满足其他创意需求。用户可以通过简单提示快速生成任务管理应用、个人博客网站、演示文稿、甚至是动画视频。支持的工具包括 Slidev(演示文稿制作)、Remotion(React 动画视频制作)等,赋予开发者更大的创作自由和便利。
  4. 前沿开发技术支持
    bolt․new 在浏览器中运行时不依赖传统虚拟机,整个开发体验都基于 WebContainers 技术。这种技术为开发者提供了强大的性能和灵活性,可以实时运行生产环境的代码,生成并部署到云端。而且,bolt․new 通过其 AI 系统可以智能化处理开发过程中的各种任务,包括配置复杂工具、解决调试问题等。
  5. 模板项目(Pre-built Templates):Bolt.new 提供多种预设模板,用户可以选择这些模板快速开始一个新的项目。常见的模板包括:
      • 博客网站:使用 Astro 框架快速创建博客网站。
      • 移动应用:通过 NativeScript 框架构建移动应用。
      • 文档网站:使用 Vitepress 快速搭建文档或知识库站点。
      • UI 界面:使用 shadcn 框架搭建用户界面组件。
      • 演示文稿:使用 Slidev 创建交互式演示文稿。
      • 视频编辑:使用 Remotion 进行视频内容编码。
      • 空白应用:如果用户有特定需求,还可以选择从空白应用模板开始,使用自己喜爱的开发栈。

WebContainers 是什么?

那么,bolt․new 如何在浏览器标签中运行,而无需虚拟机呢?

秘密就在于 WebContainers,它是我们的微型操作系统,可以在你的浏览器标签中运行完整的 web 开发环境。

WebContainers 是一种运行在浏览器中的全栈 Node.js 环境,使用 WebAssembly 技术,不依赖远程服务器。它允许开发者在浏览器中创建和运行 Node.js 应用,并且能够在毫秒内启动这些环境,还可以通过链接分享应用。

主要特点
  • 浏览器内本地运行 Node.js:这是首次实现 Node.js 在浏览器内本地运行,所有代码执行都在浏览器的安全沙箱中进行,不需要远程虚拟机或本地二进制文件。
  • 比本地环境更快:构建速度比本地环境快 20%,包安装速度比 Yarn 或 npm 快 5 倍以上。
  • 安全性:代码执行完全在浏览器中进行,避免了远程服务器的安全风险,确保了更高的安全性。
  • 实时共享和协作:开发者可以通过浏览器运行应用并即时分享链接,无需设置复杂的本地环境。
  • Chrome DevTools 集成:与 Chrome 开发工具无缝集成,实现浏览器内的后端调试,无需额外的安装或扩展。
应用场景与优势
  • 快速原型开发:WebContainers 支持开发者快速创建原型,测试新库或生成 bug 复现案例,减少设置本地环境的繁琐步骤。
  • 代码安全执行:在浏览器沙箱中执行用户提交的代码,有助于防止供应链攻击,提升安全性。
  • 离线工作:WebContainers 支持离线工作,开发者即使在没有网络连接的情况下也可以继续工作。
与传统在线 IDE 的区别

传统的在线 IDE 依赖远程服务器来运行开发环境,而 WebContainers 将所有开发工作直接在浏览器中完成,因此:

  • 启动速度更快:不需要远程容器,浏览器本地运行的环境在毫秒内启动。
  • 无网络延迟:避免了网络延迟或超时问题,即使离线也可以继续工作。
  • 更高的安全性:完全基于浏览器沙箱,无需担心本地文件系统的安全风险。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/1555739.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

内网靶场 | 渗透攻击红队内网域渗透靶场-1(Metasploit)零基础入门到精通,收藏这一篇就够了

“ 和昨天的文章同一套靶场,这次主要使用的是Kali Linux以及Metasploit来打靶场,熟悉一下MSF在内网渗透中的使用,仅供学习参考,大佬勿喷。本期文章靶场来自公众号:渗透攻击红队。” 靶场下载地址:https://…

展锐平台WIFI国家码信道总结

展锐平台WIFI国家码信道总结 1.下载wireless-regdb wireless-regdb是一个开源的工程,编译它会生成regulatory.bin文件,这实际上是一个加密后的数据库,它记录各个国家可用的无线频段。 可从下面的网站上下载最新的regdb库: https://git.kernel.org/pub/scm/linux/kernel…

【无人水面艇路径跟随控制2】(C++)USV代码阅读: SetOfLos 类的从路径点和里程计信息中计算期望航向

【无人水面艇路径跟随控制2】(C)USV代码阅读: SetOfLos 类的从路径点和里程计信息中计算期望航向 写在最前面set_of_los.cpp小结详细解释头文件包含命名空间构造函数和析构函数设置参数函数获取航向函数 🌈你好呀!我是…

热门:AI变现,看看谁在默默赚大钱?

在这个愈发依赖AI的时代,找到属于自己的盈利方式愈发重要。 更多实操教程和AI绘画工具,可以扫描下方,免费获取 总的来说,利用AI进行盈利的方式主要有三种:技术型、流量型和内容型。 每种方式都根植于AI的特性,但同时也需要特定…

重庆数字孪生工业互联网可视化技术,赋能新型工业化智能制造工厂

重庆作为西南地区的重要工业基地,正积极探索和实践数字孪生、工业互联网及可视化技术在智能制造领域的深度融合,致力于打造新型工业化智能制造工厂,为制造业的高质量发展注入强劲动力。 在重庆的智能制造工厂中,数字孪生技术被广…

Pytorch基础:网络层

文章目录 1.卷积层-Convolution Layers1.1 1d/2d/3d卷积1.2卷积--nn.Conv2d1.3转置卷积(实现上采样) 2.池化层3.线性层—Linear Layer4.激活函数层—Activate Layer 1.卷积层-Convolution Layers 卷积运算:卷积运算在输入信号(图像)上滑动,相应位置上进行乘加. 卷积核:又称过滤…

感知机及其实践

说明 感知机是SVM(support vector machine,支持向量机)的基础,更是机器学习的基础。本文的目的在于把感知机的相关概念捋清楚,并基于感知机做最基本的线性可分的二分类实践。 有关机器学习的一些基础概念,读者可以参考本专栏的第一篇博文[4]&…

AI大模型有哪些,收藏起来防踩坑

大模型是指具有数千万甚至数亿参数的深度学习模型,通常由深度神经网络构建而成,拥有数十亿甚至数千亿个参数。大模型的设计目的是为了提高模型的表达能力和预测性能,能够处理更加复杂的任务和数据。以下是对大模型的详细数据与分析&#xff1…

【AI副业项目】揭密AI技术对于儿童古诗文项目的应用

大家都知道,古诗文作为中华文化的瑰宝,承载着丰富的历史情感和智慧。但是,在现代社会快节奏的生活中,如何让更多人尤其是少年儿童感受到古诗文的魅力,成为了一个极需解决的问题。 AI技术的兴起为这一难题提供了新的解…

Vue基础指令用法

vue2&#xff0c;官网&#xff1a;介绍 — Vue.js (vuejs.org) 例子&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-s…

免费送源码:Java+B/S+MySQL 基于springboot网上书店管理系统 计算机毕业设计原创定制

基于springboot网上书店管理系统 摘 要 网上书店管理系统采用B/S结构、java开发语言、以及Mysql数据库等技术。系统主要分为管理员和用户两部分&#xff0c;管理员管理主要功能包括&#xff1a;首页、网站管理&#xff08;轮播图、网站公告&#xff09;人员管理&#xff08;管…

新160个crack - 075-blaster99

运行分析 需要破解code PE分析 VB程序&#xff0c;32位&#xff0c;无壳 静态分析&动态调试 使用VB Decomplier进行分析&#xff0c;发现直接爆出了Code 验证成功

虚拟电厂可视化:智能能源管理新时代

通过图扑可视化技术&#xff0c;全方位展示虚拟电厂的运行状态&#xff0c;优化能源生产与消耗&#xff0c;提高电网效率和稳定性&#xff0c;实现智能能源管理。

降重秘籍:如何利用ChatGPT将重复率从45%降至10%以下?

AIPaperGPT&#xff0c;论文写作神器~ https://www.aipapergpt.com/ 重复率高达45%&#xff1f;很多人一查论文的重复率&#xff0c;瞬间想“完了&#xff0c;这次真的要重写了”。但其实不用这么绝望&#xff01;有了ChatGPT&#xff0c;降重真的没那么难。今天就教你几招&a…

CSP-J/S 复赛算法 并查集-Hash表

文章目录 前言并查集并查集是什么&#xff1f;并查集的应用举几个并查集的例子更加详细的介绍合并两个集合判断元素的关系 并查集在树中的表示方法并查集在树中的表示概念 字符串图示例初始状态合并操作示例最终结构 查找操作和路径压缩示例 并查集的工作原理判断元素是否在同一…

交换排序:冒泡排序、递归实现快速排序

目录 冒泡排序 1.冒泡排序的核心思想 2.冒泡排序的思路步骤 3.冒泡排序代码 4.代码分析 5.对冒泡排序的时间复杂度是O(N^2)进行解析 6.冒泡排序的特性总结 递归实现快速排序(二路划分版本) 1.快速排序基本思路 2.代码思路步骤 3.代码实现 4.代码分析 (1)递归终止条…

uniapp固定document.title标题

由于业务中需要将h5的标题固定 但是uniapp没有对应的接口 所以使用Object.defineProperty拦截set方法来实现 代码也很简单 在App.vue的onLaunch加上就行了 onLaunch: function() {document.title 固定标题;Object.defineProperty(document, title, {set() {return false;}});…

【电路笔记】-运算放大器微分器

运算放大器微分器 文章目录 运算放大器微分器1、概述2、运算放大器微分器的表示2.1 理想微分器2.2 输出公式2.3 交流分析3、实际微分器3.1 理想配置的局限性3.2 带串联电阻的伪微分器3.3 具有并联电容器的伪微分器4、总结1、概述 在我们之前关于积分器运算放大器的文章中,我们…

2024全面指南:从零开始到精通大模型学习路径规划!保姆级教程非常详细,收藏我这一篇就够了

第一阶段&#xff1a;基础理论入门 目标&#xff1a;了解大模型的基本概念和背景。 内容&#xff1a; 人工智能演进与大模型兴起。 大模型定义及通用人工智能定义。 GPT模型的发展历程。 第二阶段&#xff1a;核心技术解析 目标&#xff1a;深入学习大模型的关键技术和工…

使用keras-tuner微调神经网络超参数

目录 随机搜索RandomSearch HyperBand 贝叶斯优化BayesianOptimization 附录 本文将介绍keras-tuner提供了三种神经网络超参数调优方法。它们分别是随机搜索RandomSearch、HyperBand和贝叶斯优化BayesianOptimization。 首先需要安装keras-tuner依赖库,安装命令如…