🍹 Insight Daily 🪺
欢迎阅读本期新文章。
目前市场上有许多不同的 AI IDE,例如 Zed AI、Cursor 和 Aide。今天,我们将介绍一款最新的 IDE——Windsurf,并探讨它与 Cursor 的不同之处,同时展示如何使用 Bolt 和 Windsurf 构建一个现代事件管理应用程序。
最近,Cursor 刚刚收购了 Super Maven,这是一款 AI 辅助编码插件,提供快速的代码补全且免费。而 Codium 刚刚发布了 Windsurf,这似乎预示着 AI IDE 竞争的加剧。

▲ Codium插件
虽然 Cursor 在整体上仍然占据领先地位,但 Codium 的 Windsurf 绝对有潜力,并且具备一些非常酷的功能,甚至可能在某些方面优于 Cursor。阅读完本文后,您可以自行判断哪个更好。
Windsurf 支持 Mac、Windows 和 Linux 等系统,和 Cursor 一样,它也是 VS Code 的一个分支。
Windsurf 官方声称它是首个具备“代理”功能的 IDE,其核心概念是“工作流”。他们将工作流定义为由 Agent 和 Copilot 共同构成。具体来说,Windsurf 编辑器由 AI 驱动,这些 AI 能够像 Copilot 一样与开发者协作,或像代理一样独立完成复杂任务,AI 在整个过程中完全与开发者同步。
Windsurf 官方还介绍了工作流的几个不同阶段:早在 2022 年,人类与键盘的协作是完全手动的;2022 年,LLM(大语言模型)席卷全球,副驾驶开始助力完成任务;而到 2024 年初,代理概念出现,旨在通过强大的工具和推理能力独立完成整个工作流程;但最初版本存在等待时间过长和输出质量不理想的问题。
而到了 2024 年 11 月,Windsurf 推出了工作流概念,使得开发者与 AI 的实时协作更加流畅,AI 能够根据开发者的工作调整自己的行为,而无需重新适应工作范围。
实时协作 | 强大的上下文感知
Windsurf 的创新之处在于它能够在 AI 与开发者之间建立实时的协同关系,无需开发者不断向 AI 提供工作范围的上下文信息,AI 可以根据开发者的最新操作,自动获取上下文,保持同步。
具体来说:
Windsurf 能够跟踪您对代码库所做的更改,无论是添加新文件还是修改变量名,AI 都能够自动获取这些信息并将其纳入上下文,确保每次交互时都能够理解您的最新代码状态。
在下面的视频中,您将看到如何在 Cascade 中完美地检测到最近的变量名称更改,只需提示它继续重命名其他实例即可。
这是 Windsurf 非常独特的地方,因为在其他 IDE 中,很多时候您需要手动告知 AI 您做了哪些更改,而 Windsurf 则不需要。
在 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
Windsurf 安装演示
首先访问官网下载安装包:Windsurf 官网。

接下来进行设置。
Windsurf + Bolt
下面介绍如何使用 Bolt 创建一个现代事件管理应用程序,并本地配合 Windsurf 进行相应修改开发。
完整的操作视频在这里:
最终效果如下:

提示词
我们使用以下提示词结合 Bolt 创建一个记录已办事项的应用程序:
plaintext
创建一个具有以下需求的现代事件管理应用程序:
- 核心功能:
- 事件的 CRUD 操作(标题、描述、日期、时间、位置)
-
Toast 提醒用户操作
-
UI 组件:
- 基于卡片的事件列表
- 模态表单创建/编辑
- 日期/时间选择器
- 删除确认对话框
- 加载状态
-
空状态
-
用户体验:
- 按日期排序事件
- 搜索/过滤事件
- 键盘导航
- 平滑过渡/动画
技术要求:
– 遵循 Material Design 和 Human Interface 指南以保持 UI 的一致性
– 使用简约而优雅的配色方案和排版
– 实现所有设备和屏幕尺寸的响应式设计
更便宜的定价
现在让我们快速看一下 Windsurf 的定价计划。Windsurf 提供一个免费计划,包含许多功能,如无限制的 AI 聊天和自动补全等,唯一的限制是 Cascade 的功能为只读模式。
对于 Pro 计划,每月收费 10 美元,包含无限访问 Codium 大型模型、GPT-4、Claude、Sonet 等,支持每月 1000 步的 Cascade 使用,还可以享受更长的上下文窗口。新用户可以申请两周的 Pro 版本试用。

与此相比,Cursor 的 Pro 计划每月收费 20 美元,包含 500 次快速请求,相对而言,Windsurf 的 Pro 计划更便宜,且提供更多功能。
总的来说,这些 AI 工具的发展非常快,预计将大幅提升开发者的生产力。
后续将介绍 Supabase 与 Bolt 或 AI IDE 的结合使用。
🌟希望这篇文章对您有所帮助,感谢阅读!如果您喜欢这系列文章,请以点赞 / 分享 / 在看的方式告诉我,以便我用来评估创作方向。
知音难求,自我修炼亦艰
抓住前沿技术的机遇,与我们一起成为创新的超级个体。