写点什么

开源开发环境 Bolt.new 将 Web 开发与 AI 提示的熟练运用融为一体

  • 2024-11-12
    北京
  • 本文字数:1129 字

    阅读完需:约 4 分钟

大小:518.11K时长:02:56
开源开发环境Bolt.new 将 Web 开发与 AI 提示的熟练运用融为一体

本文最初发布于 DEV CLASS。



AI 编程

Bolt.new 是一个开源开发环境,目前处于 Beta 测试阶段。它将人工智能与 Web 容器相结合,在浏览器内运行 Node.js。其文档强调,正确使用人工智能提示与理解 Web 技术同等重要。


StackBlitz Bolt.new 让开发人员可以 “在浏览器中进行 AI 驱动的全栈 Web 开发”,其部分源代码已在 GitHub 上开放。不过,已发布的代码面向的是 “那些对自行构建 AI 驱动的开发工具感兴趣的开发人员”,而不是为了提供一个随时可以运行的完整部署。



AI 驱动的应用程序开发不是从一个空的编辑器开始,而是从一个等待输入的提示开始


在新建一个应用程序时,Bolt.new 会以提示符为中心。不过,开发人员也可以选择 StackBlitz 模板,如使用 Astro 的博客或使用 Vitepress 的文档网站。Bolt.new 的文档强调,开始时要使用 AI 聊天工具,并且初始指令要尽可能精确,“以确保 Bolt 可以搭建出相应的项目”。此外,文档还提到,要将多条简单的指令合并成一条信息,以节省时间,减少 Token 消耗。


Bolt.new 的定价模型以 Token 消耗量为基础——每月 50 美元最多可购买 2600 万 Token。如果 Token 用完,AI 将停止工作,直到用户购买了更多的 Token。


Bolt 环境还包括一个基于浏览器的编辑器(基于与 Visual Studio Code 相同的技术)。至于在多大程度上相信 AI,在多大程度上手动编码,开发人员可以自行选择。基于浏览器的 Bolt IDE 底层采用了 WebContainers,因此,Node.jsnpm 和 yarn 等工具可以在浏览器中运行。



Visual Studio Code 用户会对基于浏览器的 Bolt IDE 很熟悉


该环境的 AI 功能采用了 Anthropic。同时,它还使用了 StackBlitz 赞助的 JavaScript 构建工具 Vite。Netlify 也用到了,它是作为 Bolt 应用程序的默认部署目标。不过,根据 X 上的一个话题讨论,CloudFlare 也将作为一个选项加入进去。


根据 StackBlitz 的说法,Bolt 将生成高质量的代码,而这要归功于 “WebContainers 的每一层都集成了人工智能,使 Bolt 能够发现错误并帮你解决”。不过,要让开发人员相信,不管应用程序多复杂,AI 驱动的 Bolt 都能够创建出来,而且可靠、可维护,还需要更多的努力。AI 代码助手主要是用于比较短的代码片段,开发人员确切地知道需要什么,然后他们就可以利用 AI 来避免重复编写以前编写做过无数次的代码。


对于 Bolt 应用程序的质量,另一个关键因素是开发人员正确使用 AI 提示的能力——与传统的编码技能一样,效率或许可以通过以正确的顺序使用正确的提示来衡量。


在 Hacker News 上,一个名为 mangonaise 的开发者感慨道:“像这样编写面向用户的系统,我觉得太奇怪了"。


原文链接:

https://devclass.com/2024/10/16/stackblitz-bolt-new-blurs-boundaries-between-web-development-and-skilled-use-of-ai-prompts

2024-11-12 17:516828

评论

发布
暂无评论
发现更多内容

华为云虚拟专用网络VPN,为企业铺就数据上云的安全路

爱尚科技

SCQA模型

李印

表达 讲故事能力

从非洲到全球,看华为云连接CC如何助力出海企业更好发展

科技之光

轻松解决企业数据高延时,华为云全球加速GA使用更灵活!

科技之光

大数据时代来临,华为云ECS为企业释放数据生产力

科技说

react源码中的生命周期和事件系统

flyzz177

React

10 分钟带你一览 SOFAStack 的 2022!

SOFAStack

开源 云原生 中间件

【深入浅出Sentinel原理及实战】「基础实战专题」零基础实现服务流量控制实战开发指南(2)

码界西柚

微服务 Alibaba Alibaba技术 1月日更 Sentinel 系统

在Windows绿色安装Go

独钓寒江

架构训练营 模块五

张建闯

架构实战营

React源码分析8-状态更新的优先级机制

flyzz177

React

react源码中的hooks

flyzz177

React

华为云VPN为企业数据上云保驾护航

爱尚科技

华为云弹性云服务器ECS,助力企业业务持续稳定运行

科技说

同是弹性公网IP,华为云弹性公网IP的优势有哪些?

科技说

5分钟搞懂分布式可观测性

俞凡

架构 微服务 最佳实践 云原生

拒绝内卷挖掘境外新蓝海,华为云虚拟专用网络VPN有多特别?

爱尚科技

架构训练营 模块四

张建闯

架构实战营

华为云全球加速GA的“加速”,你真的了解嘛?

科技之光

华为云ECS,最专业的云服务专家

科技说

华为云弹性云服务器,助推多行业数字化转型

科技说

耳东的2022 年度总结

耳东@Erdong

年度总结

【低成本“上云”】华为云ECS,助力企业数字化转型!

科技说

前端工程师leetcode算法面试必备-二分搜索算法(中)

js2030code

JavaScript LeetCode

远程办公小助手——华为云虚拟专用网络VPN

爱尚科技

华为云全球加速GA,赋能现代企业出海加速发展

科技之光

深入理解 Linux 物理内存分配全链路实现

bin的技术小屋

Linux 操作系统 内核 内存分配

前端工程师leetcode算法面试必备-二分搜索算法(下)

js2030code

JavaScript LeetCode

华为云虚拟专用网络VPN,如何解决企业出海难题

爱尚科技

华为云全球加速GA,敲开企业跨境业务的大门

科技之光

react源码中的协调与调度

flyzz177

React

开源开发环境Bolt.new 将 Web 开发与 AI 提示的熟练运用融为一体_架构/框架_Tim Anderson_InfoQ精选文章