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

查看 15|回复 0
作者:xltzx   
简介:
Windsurf 是一款轻量级、现代化的代码编辑工具,专为开发者设计,支持多种编程语言,具备高效的代码自动补全、语法高亮和可定制功能,提升开发效率。
开始使用:
[ol]
  • 从官方网站下载 Windsurf 编辑器并安装
  • 启动 Windsurf ,打开项目,Comand + L 启动对话交互

  • 我通过以下五次对话交互就完成了一个 AI 聊天页面:[ol]
  • 帮我写一个类似 chatgpt 的聊天界面,使用 tailwindcss
  • 主题色 参考 @globals.css
  • header 和 footer 参考 @page.tsx
  • 增加多个对话记录
  • 增加手机端响应式样式
    [/ol]
    [/ol]
    成品演示:https://xltzx.com/chat
  • 您需要登录后才可以回帖 登录 | 立即注册

    返回顶部