难道这就是传说的自然语言 IDE

乐活   2024-10-08 16:29   北京  


我的个人博客:www.moonkite.cn

大家好,我是风筝。

不知道你有没有发现,随着 Cursor IDE 的火热,IDE这个赛道突然开始卷起来了,不管是基于现有IDE 的插件,还是全新的 IDE ,在 AI 能力的加持下,越来越多的 IDE 开始赚钱了,不再是 JetBrains 一家独大了。

Cursor 基于 VsCode,结合 Claude 3.5 Sonnet  的能力,我之前写过一个 JetBrains 全家桶摸鱼插件 ,基本上70%的代码都是 Cursor 帮忙完成的。

还有 Zed 编辑器,Zed 是 Atom 编辑器原作者主导的新项目 —— 一款支持多人协作的代码编辑器,底层采用 Rust,且默认支持 Rust,还自带了 rust-analyzer,主打 “高性能”,颜值也十分在线,其他各种特性(比如原生的 Vim Mode)看起来非常匹配极客的需求。

Zed 支持多个大模型,其能力与 Cursor 类似,但是内存占用和性能要好得多。

最近 GitHub Copilot 插件也有重大更新,效果比以前更好了。

没有最好,只有更好,虽然这些 IDE 已经很好用了,但是不少人还是觉得不够智能,尤其是开发经验不多的人,例如非计算机专业的设计师,或者前端不太行的后端开发者。

要是能有一款纯的自然语言IDE就好了。这不,真的有了,它就是 Bolt。

官网地址:https://bolt.new/

通过 prompt 的形式,几乎完全通过自然语言对话,完成代码编写,当然,目前只限于前端项目。

左侧是 prompt 输入区,右侧是一个编辑器的形式,当出现问题时,还会自动给出修复建议。

同时,可以直接预览效果。

不仅可以写代码,而且可以直接部署到 netlify 上,当然国内可能大部分情况下会部署到公有云服务器上。

好不好用呢,这么说吧,几分钟时间,我用它创建一个简单的 NextJS 项目,然后一键部署到 netlify 上了。

通过地址 https://majestic-cendol-5de214.netlify.app/ 可以查看效果,是一个简易书签管理器,左侧是导航和标签栏,右侧是收藏的网页书签。

下面是完整的 prompt ,基本上一次性完成,然后有不满意的地方微调一下就可以了。

做一个在线网页收藏的功能,类似于Chrome markbook 功能,网页采用左右布局。

左侧是导航区域,导航区域分两个tab:一个tab为分层树状导航菜单,父级菜单显示文件夹的图标,收藏的网页显示网站logo;另一个tab显示为流式布局的 tag,标签区域显示名称和数量。导航区有两个按钮,一个用来新增子级菜单项(默认添加到当前选中的菜单项之下),点击后出现弹出框,输入菜单名称,一个用来新增tag,点击后出现弹出框,输入tag名称,点击保存按钮保存

右侧为主要内容显示区,采用流式布局显示收藏的网站方格,每个方格采用上下布局,上方为网站图片,下方为标题。

右侧右上角有一个按钮,用来新增收藏的网站,点击后出现弹出框,弹出框上面包括网站url、选择所属父级菜单、选择tag(可多选),点击保存按钮保存。

通过点击左侧导航的菜单和tag可以动态加载右侧的收藏列表。

整体采用 tailwindcss 样式

数据存储到localstrage中

你可以试试效果,每天有免费额度,对于想要快速实现网站的用户来说,效率大幅度提升。

关键是这玩意竟然是开源的,有点儿意思不。

开源地址:https://github.com/stackblitz/bolt.new

还可以看看风筝往期文章

「差生文具多系列」Jetbrains IDEs中也能养宠物了,而且还有拳皇人物

「差生文具多系列」最好看的编程字体

我患上了空指针后遗症

一千个微服务之死

搭建静态网站竟然有这么多方案,而且还如此简单

被人说 Lambda 代码像屎山,那是没用下面这三个方法

古时的风筝,一个程序员,一个写作者。

古时的风筝
努力成为独立开发者的程序员,分享我了解的关于编程、独立开发等知识,知不不言,言无不尽
 最新文章