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.mzph.cn/diannao/55608.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Anaconda的安装与环境设置

文章目录 一、Anaconda介绍二、Anaconda环境搭建1. 下载Anaconda(1)官网下载(2)清华大学镜像 2. 安装Anaconda3.配置环境变量4.检验conda是否安装成功5.更改镜像源6.若菜单栏没有conda prompt 三、虚拟环境1.创建、查看、删除虚拟环境2.激活、退出虚拟环境 四、CUDA、Pytorch、…

JS 入门

文章目录 JS 入门一、JS 概述1、JS 特点2、JS 组成3、JS 初体验4、HTML引入JS 二、JS 基础语法1、变量声明2、基本数据类型3、引用数据类型1)数组2)对象3)函数4)null 4、运算符5、条件判断6、循环语句 三、JS 函数0、JS 函数特点1…

上传文件失败,请检查阿里云配置信息:[The specified bucket is not valid.

-- 十一假期结束 -- 去年今日此门中,人面挑花相应红。 -- 人面不知何处去,桃花依旧笑春风。

Pikachu-unsafe upfileupload-getimagesize

什么是getimagesize()? getimagesize()是PHP中用于获取图像的大小和格式的函数。它可以返回一个包含图像的宽度、高度、类型和MIME类型的数组。 由于返回的这个类型可以被伪造,如果用这个函数来获取图片类型,从而判断是否时图片的话&#xff…

虚拟机 VMware 安装 macOS

macOS 界面 MAC OS IOS下载: amacOS Monterey by Techrechard.comwmacOS Monterey by Techrechard.com 下载:Unlocker-v2.0.1-x64 Mac OS X 虚拟机中更改屏幕分辨率 终端输入命令: sudo defaults write /Library/Preferences/com.apple.w…

vim编辑器安装,并修改配置使其默认显示行数

centOS默认是未安装vim编辑器的,而vim编辑器相比vi编辑器更易用一些,如需使用vim编辑器,需要进行安装。 1.需要先配置本地yum源,参见如下链接: 点击查看如何配置本地yum源 2.安装vim编辑器,并修改配置。…

kafka和zookeeper单机部署

安装kafka需要jdk和zookeeper环境,因此先部署单机zk的测试环境。 zookeeper离线安装 下载地址: zookeeper下载地址:Index of /dist/zookeeper 这里下载安装 zookeeper-3.4.6.tar.gz 版本,测试环境单机部署 上传服务器后解压缩 …

Elasticsearch基础_5.ES聚合功能

文章目录 一、数据聚合1.1、桶聚合1.1.1、单维度桶聚合1.1.2、聚合结果排序1.1.3、限定聚合范围 1.2、Metric聚合 二、聚合总结 本文只记录ES聚合基本用法,后续有更复杂的需求可以查看相关书籍,如《Elasticsearch搜索引擎构建入门与实战》 一、数据聚合…

幂,你去哪儿了-《分析模式》漫谈37

DDD领域驱动设计批评文集 做强化自测题获得“软件方法建模师”称号 《软件方法》各章合集 “Analysis Patterns”的第3章的图3.5,原文的图是: 2004(机械工业出版社)中译本的图是: direct翻译成分子,inv…

Linux聊天集群开发之环境准备

一.windows下远程操作Linux 第一步:在Linux终端下配置openssh,输入netstate -tanp,查看ssh服务是否启动,默认端口22.。 注:如果openssh服务,则需下载。输入命令ps -e|grep ssh, 查看如否配有, ssh-agent …

VirtualBox Ubuntu22.04 NOI linux2.0 Terminal无法打开 终端打不开 两步解决法儿

新安装的虚拟机无法打开Terminal,从应用列表中单击Terminal,左上角任务栏会出现Terminal,并且鼠标转圈,但是过一会左上角Terminal消失,就像一切都没有来过。 解决办法: CTRL ALT F3 进入命令行模式&…

004集—— txt格式坐标写入cad(CAD—C#二次开发入门)

如图所示原始坐标格式,xy按空格分开,将坐标按顺序在cad中画成多段线: 坐标xy分开并按行重新输入txt,效果如下: 代码如下 : using Autodesk.AutoCAD.DatabaseServices; using Autodesk.AutoCAD.Runtime; us…

pytorch导入数据集

1、概念: Dataset:一种数据结构,存储数据及其标签 Dataloader:一种工具,可以将Dataset里的数据分批、打乱、批量加载并进行迭代等 (方便模型训练和验证) Dataset就像一个大书架,存…

trans-cinnamate 4-monooxygenase肉桂酸4-羟化酶C4H的克隆和功能鉴定-文献精读62

Cloning and functional characterization of two cinnamate 4-hydroxylase genes from Pyrus bretschneideri 两种从白梨(Pyrus bretschneideri)中克隆和功能鉴定的肉桂酸4-羟化酶基因 摘要 肉桂酸4-羟化酶(C4H)是植物苯丙素类…

SpringBoot+ElasticSearch7.12.1+Kibana7.12.1简单使用

案例简介 本案例是把日志数据保存到Elasticsearch的索引中,并通过Kibana图形化界面的开发工具给查询出来添加的日志数据,完成从0到1的简单使用 ElasticSearch职责用法简介 ElasticSearch用在哪 ElasticSearch在我这个案例中,不是用来缓解增…

GPU Puzzles讲解(二)

GPU-Puzzles项目是一个很棒的学习cuda编程的项目,可以让你学习到GPU编程和cuda核心并行编程的概念,通过一个个小问题让你理解cuda的编程和调用,创建共享显存空间,实现卷积和矩阵乘法等 https://github.com/srush/GPU-Puzzleshttp…

NVIDIA Hopper 架构深入

在 2022 年 NVIDIA GTC 主题演讲中,NVIDIA 首席执行官黄仁勋介绍了基于全新 NVIDIA Hopper GPU 架构的全新 NVIDIA H100 Tensor Core GPU。 文章目录 前言一、NVIDIA H100 Tensor Core GPU 简介二、NVIDIA H100 GPU 主要功能概述1. 新的流式多处理器 (SM) 具有许多性能和效率…

leetcode58:最后一个单词的长度

给你一个字符串 s,由若干单词组成,单词前后用一些空格字符隔开。返回字符串中 最后一个 单词的长度。 单词 是指仅由字母组成、不包含任何空格字符的最大 子字符串 。 示例 1: 输入:s "Hello World" 输出&#xff…

浅谈汽车智能座舱如何实现多通道音频

一、引言 随着汽车智能座舱的功能迭代发展,传统的 4 通道、6 通道、8 通道等音响系统难以在满足驾驶场景的需求,未来对于智能座舱音频质量和通道数会越来越高。接下来本文将浅析目前智能座舱如何实现音频功放,以及如何实现多路音频功放方案。…

C语言文件操作(上)(27)

文章目录 前言一、为什么要用文件?二、什么是文件?程序文件数据文件文件名文件类型文件缓冲区文件指针 三、流流的概念标准流 总结 前言 C语言可以直接操作文件,如果你是第一次听说这个特性,可能会眼前一亮,感到惊奇  …