HarmonyOS开发者限时福利来啦!最高10w+现金激励等你拿~ 了解详情
写点什么

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

评论

发布
暂无评论

从云原生到 AI 原生,网关的发展趋势和最佳实践

阿里巴巴云原生

阿里云 云原生 网关

如何妥善处理 TCP 代理中连接的关闭

不在线第一只蜗牛

网络协议 网络

可视化数学分析软件MathWorks MATLAB R2023a for Mac

Mac相关知识分享

财务规划的成功战略之一:建立数据驱动型决策

智达方通

数据分析 企业管理 财务分析 财务管理 财务规划

【DevOps系列】DevOps全过程质量管控

嘉为蓝鲸

DevOps

关于C语言指针类型的总结

EquatorCoco

数据结构 算法 C语言

软件测试学习笔记丨Selenium弹窗操作

测试人

软件测试

【DevOps系列】需求的层次结构:业务驱动的协作与产品导向的交付

嘉为蓝鲸

DevOps 需求分析

喜报!博睿数据再获“信创工委会技术活动单位”称号

博睿数据

浅谈inBuilder中元数据的灰度更新方案

inBuilder低代码平台

低代码 元数据 低代码中的元数据

Tecplot 360 EX 2021 R1 for Mac CFD可视化和分析工具

Mac相关知识分享

2024 OPPO开发者大会召开,携手火山引擎加速迈进AI语音交互新时代

新消费日报

【核电科技企业】构建一体化服务器智能运维平台,助力降本增效

嘉为蓝鲸

AIOPS 运维‘ 一体化运维

【DevOps系列】DevOps工具链选型指南

嘉为蓝鲸

DevOps 工具链

Illustrator 2023版 for mac(Ai2023矢量设计应用程序)

Mac相关知识分享

附演讲视频|隐语城市行·北京站:行业发展趋势、大模型前沿技术、实践落地案例干货打包

隐语SecretFlow

如何炼就 AI 原住民的“自我修养”丨通义灵码走进北京大学创新课堂

阿里巴巴云原生

阿里云 云原生 通义灵码

30岁转行学 IT 如何避免内卷?

高端章鱼哥

iPaaS 平台在企业中的定位及集成方式

RestCloud

API网关 应用集成 ipaas api可视化编排

一文彻底弄懂MySQL的优化

快乐非自愿限量之名

MySQL 数据库

【DevOps系列】CICD流程建设之警惕反模式

嘉为蓝鲸

DevOps CI/CD 反模式

豆包MarsCode Agent 登顶 SWE-bench Lite 评测集

豆包MarsCode

AI

80%腾讯程序员都在用,腾讯云AI代码助手让编码提效42%

科技热闻

【DevOps系列】CICD流程建设之持续集成实践指南

嘉为蓝鲸

DevOps 持续集成 CI/CD

QCN9274 and Mesh Networks: A Game-Changer for Seamless Connectivity

wallyslilly

IoTDB 探索季活动|大疆无人机等你来拿

Apache IoTDB

如何炼就 AI 原住民的“自我修养”丨通义灵码走进北京大学创新课堂

阿里云云效

阿里云 云原生 通义灵码

腾讯云大神呕心沥血整理:redis深度笔记”,看完全面掌握redis核心技术

采菊东篱下

redis java面试

场景题:百万数据插入Redis有哪些实现方案?

王磊

lazada 商品详情 API 的获取与应用

科普小能手

API 接口 API 测试 lazada商品评价接口 lazada API接口 lazada API

对象存储防勒索升级:XEOS 国内首家通过 NBU 对象锁认证

XSKY星辰天合

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