Windsurf 实践：三分钟完成一个 AI 聊天助手网页

[xltzx]

简介：

Windsurf 是一款轻量级、现代化的代码编辑工具，专为开发者设计，支持多种编程语言，具备高效的代码自动补全、语法高亮和可定制功能，提升开发效率。

开始使用：

1. 从官方网站下载 Windsurf 编辑器并安装
2. 启动 Windsurf ，打开项目，Comand + L 启动对话交互
3. 我通过以下五次对话交互就完成了一个 AI 聊天页面：
   1. 帮我写一个类似 chatgpt 的聊天界面，使用 tailwindcss
   2. 主题色 参考 @globals.css
   3. header 和 footer 参考 @page.tsx
   4. 增加多个对话记录
   5. 增加手机端响应式样式

成品演示：https://xltzx.com/chat

[eratpfus7]

相比 cursor ，区别有哪些呢

[mogutouer]

确实快，我试了一下生成页面只需要 5 分钟就会给你非常惊艳的感觉，你会觉得这玩意儿太牛逼了。
然后花了 3 天，用了几百次对话，完成了后端和前端的匹配和功能调整，费老劲了