🍹 Insight Daily 🪺

Aitrainee | 公众号:AI进修生

Hi,这里是Aitrainee,欢迎阅读本期新文章。

目前市场上有很多不同的AI IDE,比如Zed AI、Cursor、Aide;

今天介绍一款最新的,他叫 Windsurf,主要介绍它与Cursor不同的点,并用Bolt + Windsurf构建一个现代事件管理应用程序。

最近的新闻是Cursor刚刚收购了Super Maven,Super Maven我们以前的文章介绍过,它是一个AI辅助编码插件,代码补全非常快而且是免费。而Codium刚刚发布了Windsurf ,这似乎预示着AI IDE的竞争正在加剧。

▲ Codium插件

Cursor在整体上仍然占据领先地位,但Codium的Windsurf绝对有潜力,而且它也有一些非常酷的功能,甚至可能在某些方面优于Cursor,阅读完文章,你可以自己来判断哪个更好。

Windsurf 支持Mac、Windows、Linux等系统,和Cursor一样,它也是VS Code的一个分支。

Windsurf 官方声称它是首个具备“代理”功能的IDE,Windsurf 的核心概念是“工作流”,他们定义工作流是由Agent和Copilot共同构成的。具体来说,Windsurf 编辑器由AI驱动,这些AI能够像Copilot一样与开发者协作,或者像代理一样独立完成复杂任务。AI在整个过程中完全与你同步。

Windsurf官方还介绍了工作流的几个不同阶段:早在2022年,人类与键盘的协作是完全手动的;2022年,LLM(大语言模型)席卷全球,副驾驶开始助力完成任务;而2024年初,代理概念出现,目的是通过强大的工具和推理能力来独立完成整个工作流程;但是最初的版本存在等待时间过长和输出质量不理想的问题;

而到了2024年11月,Windsurf 推出了工作流概念,使得开发者与AI的实时协作更加流畅,AI能够根据开发者的工作调整自己的行为,而无需重新适应工作范围。

实时协作 | 强大的上下文感知

Windsurf的创新之处就是它能够在AI与开发者之间建立实时的协同关系,不需要开发者不断向AI提供工作范围的上下文信息,AI可以根据开发者的最新操作,自动获取上下文,保持同步。

**具体来说:**Windsurf能够跟踪你对代码库所做的更改,无论是添加了新文件,还是修改了变量名,AI都能够自动获得这些信息并将其纳入上下文,确保每次交互时都能够理解你的最新代码状态。

在下面的视频中,你将看到如何在 Cascade 中完美地检测到最近的变量名称更改,只需提示它continue重命名其他实例即可。

这是Windsurf非常独特的地方,因为在其他IDE中,很多时候你需要手动告知AI你做了哪些更改,而它则不需要。

在 Windsurf 中,它叫Cascade

与 Cursor Composer 相类似的,在Windsurf中他叫Cascade, Cascade 有两种模式:编辑 和 聊天。

写入模式允许 Cascade 创建和修改你的代码库,而聊天模式针对有关你的代码库或一般编码原则的问题进行了优化,以更好的回答。

直接操作终端 | 安装依赖等

Cascade 可以检你正在使用哪些软件包和工具、需要安装哪些软件包和工具,甚至可以为你安装它们。只需询问 Cascade 如何运行你的项目并按“接受”即可。

Cursor他不会去给你安装依赖那些东西,他只会告诉你要安哪些东西。

Accept这个动作和Aider、Cline类似,Windsurf的执行过程(Windsurf的Agent和工作流配合实现)也与Aider、Cline有相似的地方。

**此外,**在使用Cursor或者其他的一些AI IDE 时,有时候经常会遇到它在帮我们解决需求的时候一直处于转圈的状态而且需求一直没解决,而Windsurf 他会尝试很多种不同的方法如下图:

▲ 来源 | AI Jason

一些其他的详情你可以看官方文档:https://docs.codeium.com/windsurf/cascade,因为都只是一些基本功能这里就不多说了。

Windsurf 安装演示

先跑到官网下载安装包:https://codeium.com/

然后这样设置

Windsurf + Bolt

下面介绍使用 Bolt创建一个现代事件管理应用程序并本地配合Windsurf 进行相应修改开发

完整的操作视频在这里:

最终效果是这样:

提示词在这里:

我们使用这个提示词结合Bolt创建一个记录已办事项的应用程序

1
创建一个具有以下需求的现代事件管理应用程序 1. 核心功能: -事件的CRUD操作标题描述日期时间位置 - Toast提醒用户操作 2. UI组件: 基于卡片的事件列表 -模态表单创建/编辑 -日期/时间选择器 删除确认对话框 -加载状态 -空状态 3. 用户体验: -按日期排序事件 搜索/过滤事件 -键盘导航 -平滑过渡/动画 技术要求: -遵循Material Design和Human Interface指南以保持UI的一致性 -使用简约而优雅的配色方案和排版 -实现所有设备和屏幕尺寸的响应式设计

更便宜的定价

现在让我们快速看一下风帆的定价计划。风帆提供一个免费计划,包含了许多功能,如下无限制的AI聊天和自动补全等等,唯一的限制是Cascade的功能为只读模式

对于Pro计划,它每月收费10美元,包含了无限访问Codium大型模型、GPT-4、Claude、Sonet等,支持每月1000步的Cascade使用,还可以享受更长的上下文窗口。新用户可以申请两周的Pro版本试用。

与此相比,Cursor的Pro计划每月收费20美元,包含500次快速请求,相对来说,Windsurf 的Pro计划更便宜,且提供更多的功能。

总的来说,这些AI工具的发展非常快,预计将大幅提升开发者的生产力。

后续介绍一下 Supabase 与 Bolt 或 AI IDE的结合使用。

🌟希望这篇文章对你有帮助,感谢阅读!如果你喜欢这系列文章请以 点赞 / 分享 / 在看 的方式告诉我,以便我用来评估创作方向。

👽Submission:kristjahmez06@gmail.com

参考链接: [1] https://codeium.com/ [2] https://www.youtube.com/watch?v=T02ip5vKJiE

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。

原始发表:2024-11-16,如有侵权请联系 cloudcommunity@tencent.com 删除