AICon 上海站|日程100%上线,解锁Al未来! 了解详情
写点什么

开源开发环境 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:516722

评论

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

前端开发CSS实用的技巧有哪些

小齐写代码

小艺上线新春限定版!丰富玩法一起“花式”迎龙年

最新动态

说说开放签电子签章开源的这一年

开放签开源电子签章

开源 电子合同 年终总结 电子签名 电子签章

前端开发CSS实用的技巧有哪些

小魏写代码

技术标准|隐语技术标准的 What & Why & How

隐语SecretFlow

技术标准 隐私计算 数据要素流通

影响2024年Web3赛道的三大事件

TechubNews

跨境电商新风潮:充分发挥海外云手机的威力

Ogcloud

云手机 海外云手机 云手机海外版 国外云手机

概念回顾:分布式拒绝服务 (DDoS) 攻击

NGINX开源社区

nginx DDoS DDoS 攻击 (SSL)/TLS Web 应用防火墙

聊聊BUG的根因分析

老张

bug bug管理

【幻兽帕鲁】专用服务器攻略来啦!一键部署,5s开服

华为云开发者联盟

云计算 服务器 华为云 华为云开发者联盟 幻兽帕鲁

别人还在集五福,星河社区开发者已经奖品拿到手软了!

飞桨PaddlePaddle

百度 百度飞桨 飞桨星河社区

AI创业创新的三个误区及应对之道

算AI

人工智能 创业 AI 创新

solidity案例详解(二)众筹合约

BSN研习社

区块链 Solidity

国内第一个开源免费电子签章系统发布了

开放签开源电子签章

开源 电子签章 开放签

【亿级数据专题】「高并发架构」盘点本年度探索对外服务的百万请求量的高可靠消息服务设计实现

码界西柚

后端 消息队列 高并发架构 亿级数据 2024年第三十四篇文章

AE脚本-真实三维立体文字标题排版空间翻转组合动画 TypeMonkey3D

Rose

关键帧缓入缓出曲线调节控制操作AE脚本 Kease for mac

Rose

鸿蒙星河版启航!系统级原生智能实现应用「零成本」AI化

新消费日报

揭秘海外云手机的诸多优势

Ogcloud

云手机 海外云手机 云手机海外版 国外云手机

云图说|揭秘云原生服务生命周期治理平台,云原生服务中心OSC

华为云开发者联盟

云原生 华为云 华为云开发者联盟 华为云云图说

支付宝花呗分期如何接入

盐焗代码虾

支付宝 经验分享 花呗分期

敏捷产品是双轨开发而非双轨制

ShineScrum

Flink 2.0 状态存算分离改造实践

Apache Flink

聊聊在不确定环境下的个人成长

Phoenix

水杉在极狐GitLab 的 DevOps 实践

极狐GitLab

华为微信红包封面新春献礼,龙年送福更添彩

最新动态

PS插件-模拟真实投影拖尾阴影工具 Shadowify v1.0.1

Rose

当我们一起走过 2023|Apache Doris 年度时刻盘点

SelectDB

得物自研API网关实践之路

得物技术

微服务架构

AE脚本-智能快速图层对齐工具 Align Pro

Rose

Navicat Premium 15 :专为简化数据库的管理及降低系统管理成本而设计

Rose

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