"种一棵树的最好时间是十年前,其次是现在。从现在开始学 AI 编程。"
原本我准备发布一篇关于 Cursor 的小白 AI 开发教程,但 Windsurf 的出现让我不得不暂停计划。初次体验 Windsurf 后,它带给我的惊喜远超预期。当我尝试用 Windsurf 重构 Cursor 项目时,整个过程异常顺滑。Windsurf 就像一位深谙你心意的搭档,不仅让环境配置变得轻松自如,在代码理解和上下文感知上更是展现出令人惊叹的能力。与 Cursor 一样,Windsurf 也提供了免费的 GPT-4 和 Claude 3.5 Sonnet 模型,并且有免费试用期。
项目结构识别:Windsurf 能够自动识别项目的所有重要信息,包括目录结构、文件依赖关系等。
跨文件上下文追踪:它不仅局限于当前文件,还能在整个项目中追踪上下文,理解跨文件依赖和模块间调用。
AI 智能代理:Windsurf 的 AI 代理可以在特定任务中“自己动手”,如调试、重构代码等,自动完成一些重复性操作。
Cascade 模式:提供编辑和聊天两种模式,编辑模式可以生成和修改代码,聊天模式专注于提供开发建议、解答代码问题。
多语言支持:支持超过 70 种编程语言和框架,适用于前端、后端和数据科学等方向。
跨平台兼容性:支持 Windows、Mac 和 Linux 平台,能够无缝集成在常用的开发环境中。
👉 野卡 WildCard | 一分钟注册,轻松订阅海外线上服务
安装 Windsurf IDE
前往官网 codeium.com 下载安装包。
安装 Windsurf IDE 并完成初始化设置。
注册或登录账号。
进入开发主界面。
熟悉界面
Cascade(Ctrl+L):右侧的 Cascade 功能类似于 Cursor 的 Composer,但更贴心地将功能分为 Chat 模式和 Write 模式。
Chat 模式:不会直接写入代码,而是作为开发助手,协助处理问题。
Write 模式:直接生成代码并写入项目中。
自然语言修改代码(Ctrl+i):通过自然语言指令快速修改代码。
开发目标:以“Windsurf 学习共创社区”为例,完整演示如何借助 AI 能力快速构建现代化 Web 应用。
技术选型:Vue + TypeScript(常用前端框架,零基础用户无需深入了解)。
目标用户:零基础开发学习者。
参考项目:Cursor101。
开发流程:
输入需求,让 Windsurf 生成代码。
Windsurf 会详细讲解开发思路,并自动生成环境命令,用户只需点击“Accept”即可。
无需手动配置环境,代码自动生成。
如果出现报错,将错误信息返回给 Cascade,AI 会自动检查并修复。
访问 http://localhost:5173,确认项目成功运行。
进一步优化项目细节,逐步验证每一步的成果。
网页初具雏形后,继续优化具体细节。
👉 野卡 WildCard | 一分钟注册,轻松订阅海外线上服务
设计参考:让 AI 分析优秀页面设计并转化为实现方案。
渐进式开发:采用小步快跑策略,便于及时纠错。
精准控制:通过 @文件名 实现精确代码修改。
超强的上下文追踪能力。
自动识别项目重要文件。
强大的 AI 助力,让开发者更省心。
Cascade 的交互目前仅支持文字,未来如果能加入图片功能会更好。
后续还会有更多关于 AI 编程的【理论篇】和【实战篇】,敬请期待!