AI编程初体验 _ 使用Windsurf零代码开发网页对话和图像理解插件

在Cursor爆火之后,一款能与Cursor媲美的AI编程工具——Windsurf,正式登场!Windsurf由估值12.5亿美元的美国初创公司Codeium打造,发布瞬间便成为AI编程领域的顶流。它将具备协作能力的copilots和独立能力的agents相结合,创造出了全新的协作型智能体。

Codeium vs GitHub Copilot

Windsurf是目前最智能的AI代码生成工具,数据为证。

接下来,我们将使用Windsurf开发一个Chrome浏览器插件,该插件将利用智谱AI的两个免费多模态模型API,实现网页对话和图像理解功能。

插件功能展示

本次开发使用的是智谱AI开放的两款免费API:glm-4-flash和glm-4v-flash。

GLM-4-Flash:高效与经济的完美结合

GLM-4-Flash兼具“高速度”和“经济性”特点,适用于完成简单垂直、低成本、需要快速响应的任务。它具备多轮对话、网页浏览、Function Call和长文本推理(支持最大128K上下文)等高级功能,同时支持包括中文、英语、日语、韩语、德语在内的26种语言。

GLM-4-Flash功能展示

应用场景

  • 数据抽取:生物学家使用GLM-4-Flash处理分子数据,破解健康密码;
  • 数据生成:生成可以训练其他大模型的数据内容,成为其他领域大模型的“黄埔军校”;
  • 多轮对话:高校学者制作AI助教,提供学习和校园生活的伙伴;
  • 英语翻译:构建翻译APP,帮助小朋友进行英语互动性学习;
  • 内容生成:广告公司进行文本润色,帮助编辑和文案快速输出各种类型的文案。

GLM-4V-Flash:图像处理的全能选手

GLM-4V-Flash模型拥有图像描述生成、图像分类、视觉推理、视觉问答(VQA)以及图像情感分析等高级图像处理功能,并且支持包括中文、英语、日语、韩语、德语在内的26种语言。

GLM-4V-Flash功能展示

应用场景

  • 社交媒体文案生成:解读图片生成引人入胜的文案;
  • 识图答题:通过高级的图像识别和物理学知识理解,帮助学生构建全面且深入的学习框架;
  • 美容咨询:识别皮肤问题,提供细致的护肤建议;
  • OCR保险单信息提取:高效地从保险单据中提取关键信息;
  • 图像内容提取与总结:根据图像内容进行提取并总结,按照规定的格式进行输出。

开发流程

  1. 下载Windsurf并创建项目:首先下载Windsurf,创建存放代码的文件夹,注意不要使用中文和特殊符号。
  2. 使用Windsurf打开文件夹:通过Windsurf进行需求分析和框架搭建。
  3. 加载插件:在Google浏览器扩展中加载插件。
  4. 功能调试:使用glm-4-flash的对话能力和glm-4v-flash的图片理解能力进行调试。
  5. 编写readme文件:完成功能调试后,编写readme文件并提交至Chrome应用商店。

插件开发流程

以上就是基于Windsurf,全流程完成一款Chrome浏览器插件的开发过程,从需求分析到开发完成,再到提交Chrome应用商店审核的全过程。

AI时代已经来临,即使没有代码基础,你也可以从0到1开发一个最基础的插件,不妨试试吧!

👉 野卡 | 一分钟注册,轻松订阅海外线上服务

上一篇 2025年3月21日
下一篇 2025年3月21日

相关推荐

  • 探索2025年最佳加密虚拟卡:全面指南

    什么是加密虚拟卡? 加密虚拟卡是一种数字卡片,允许您无需实体卡即可消费加密货币。与传统借记卡或信用卡类似,它们为在线购物提供无缝体验。但与法定货币余额不同,加密虚拟卡直接从您的数字资产中扣除资金。 虚…

    文章 2025年2月3日
  • 2025年Patreon最新指南:如何用虚拟卡订阅艺术家?详细教程

    Patreon是什么? Patreon是目前全球最受欢迎的会员平台之一,近年来引起了广泛关注。它被全球的内容创作者广泛使用,帮助艺术家和创作者从他们的作品中获得经济支持。粉丝也能通过这个平台更方便地支…

    文章 2025年7月13日
  • 完全免费使用 GPT-4o 和 GPT-4 Turbo 的教程 — 原生态体验

    概述 本文将为您详细介绍如何免费使用 GPT-4o 和 GPT-4 Turbo,并分享一个便捷的订阅方法,助您轻松体验最新 AI 技术。 操作方法 访问 野卡 官网:点击 野卡 | 一分钟注册,轻松订…

    文章 2025年5月7日
  • ChatGPT 支持虚拟信用卡支付吗?

    是的,ChatGPT 支持虚拟信用卡支付! 如果您想订阅 ChatGPT Plus 服务但缺乏支持国际支付的实体信用卡,虚拟信用卡是一个完美的替代方案。通过虚拟信用卡,您可以轻松完成国际支付,订阅 C…

    文章 2025年5月23日
  • 2025年Vultr VPS注册与购买指南:支持支付宝-微信支付

    由于Vultr官方网站大部分为英文界面,许多用户在注册和购买过程中感到困惑。为此,我们特别编写了这篇详细的图文教程,帮助新手用户轻松完成Vultr VPS的注册和购买。 一、注册Vultr账户 访问V…

    2025年6月5日
  • ChatGPT 最新使用教程:新手快速上手指南

    ChatGPT 作为 OpenAI 开发的大型语言模型,近年来持续引发热议。它不仅功能强大,还支持永久免费使用。然而,由于网络限制,许多国内用户对如何注册和使用 ChatGPT 仍然感到困惑。本文将详…

    文章 2025年7月29日
  • Cursor会员与非会员功能及费用全解析

    随着人工智能技术的迅猛发展,各种智能工具相继涌现,其中Cursor凭借其强大的功能,已经成为开发者、设计师、作家等群体提升生产力的利器。本文将详细分析Cursor会员与非会员的区别,帮助您全面了解不同…

    2025年3月26日
  • 五月份最新 GPT-4o 使用升级教程:视频与语音实时交互

    GPT-4o 是什么? GPT-4o 中的“o”代表“Omni”,意为“全能”。它能够接收文本、音频和图像的任意组合作为输入,并生成相应的文本、音频和图像输出。 GPT-4o 的新特性 得益于 GPT…

    2025年6月25日
  • 《ChatGPT 写作指南》:高效工具使用全攻略

    在当今数字化快速发展的时代,人工智能(AI)已经渗透到生活的方方面面。ChatGPT 作为一种强大的自然语言处理工具,相信它的能力大家已经有所应用或耳闻。本文将全面解读 ChatGPT 的使用技巧,并…

    2025年5月14日
  • 我取消了订阅,但今早订阅又延期一个月,钱也被扣了,如何退款?

    在使用订阅服务时,有时可能会遇到一些问题,例如明明已经取消了订阅,但仍然被扣款。本文将为您提供一些解决方法,帮助您顺利申请退款。 1. 检查订阅状态 首先,登录您的账户,查看订阅状态。确认您是否真的已…

    文章 2025年2月23日
  • 苹果设备开通OpenAI Plus会员全攻略

    本攻略无需信用卡,轻松搞定OpenAI Plus会员订阅! 准备工作 在开始前,请确保你已准备好以下材料: 一个美国区Apple ID 一部苹果设备(iPhone、iPad或Mac均可) 英语沟通能力…

    文章 2025年7月29日
  • 国内开发者解决 OpenAI 信用卡付款的实用方案

    ChatGPT 的高效和智能化让许多人爱不释手,使用频率越高,升级到 ChatGPT Plus 的欲望就越强烈。然而,很多人在支付环节遇到了国内信用卡无法支付的难题。以下是几种实用的解决方案,帮助你顺…

    2025年2月15日
  • 如何解决 ChatGPT 访问被拒绝的问题

    前言 在使用 ChatGPT 时,你可能会遇到如下问题: 在 OpenAI 平台上使用任何服务之前,需要确保一些基本条件。在使用 OpenAI 网站时,可能会遇到访问被拒绝的问题。那么如何解决 Cha…

    2025年5月18日
  • 新加坡华侨银行(OCBC)开户指南

    失效提醒 OCBC 已不再支持云开户,并正在清退现有的中国大陆云开户用户。预计将在数月内分批清退已开户用户,要求补充在新加坡的证明材料。先限制入金,只允许出金,最后将关闭账户。关户后,退款可能会以邮寄…

    文章 2025年2月20日
  • 如何申请派安盈Payoneer虚拟信用卡?

    派安盈(Payoneer)是全球数字商务的首选合作伙伴。从无国界支付到无限增长,Payoneer 为企业提供技术、联系和信心,助力其在全球经济中蓬勃发展。无论是初创企业还是世界级数字品牌,Payone…

    文章 2025年4月21日
  • Midjourney 超详细使用指南:从入门到精通

    关键词:Midjourney 教程、AI 生成图像、Discord、邀请码获取、Midjourney 进阶技巧 什么是 Midjourney? Midjourney 是一款基于 AI 的图像生成工具,…

    文章 2025年5月24日
  • Perplexity Enterprise Pro 与 Pro 版本的区别及功能价格全解析

    随着 AI 技术的飞速发展,Perplexity AI 不断拓展其商业版图。最近推出的 Enterprise Pro 版本备受企业用户关注,同时公司计划筹资 5 亿美元,估值有望突破 80 亿美元。那…

    文章 2025年3月2日
  • 在 iOS 上订阅 ChatGPT Plus 的实用指南

    引言 作为一个对 ChatGPT Plus 充满好奇的用户,我原本打算通过网页版订阅 GPT-4,但 OpenAI 严格的风控机制让我望而却步。于是,我决定安心使用 GPT-3.5 的免费版本。然而,…

    文章 2025年3月6日
  • 什么是 ChatGPT Plus?

    ChatGPT Plus 是 ChatGPT 的订阅计划。它提供了在高需求时的可用性、更快的响应速度以及优先访问新功能的权限。 免费订阅是否仍然可用? 是的,仍提供免费的 ChatGPT 访问权限,用…

    文章 2025年6月23日
  • ChatGPT订阅指南及注意事项

    为什么要订阅ChatGPT? 订阅ChatGPT不仅可以解锁更多高级功能,还能显著提升你的使用体验。以下是订阅的几大优势: 无限制使用:订阅用户可以无限制地使用ChatGPT,摆脱免费版的使用次数限制…

    文章 2025年7月29日
  • 如何升级推特 Premium 会员?高效快捷升级指南

    X(原推特)推出的 Premium 会员(也称为 Blue 会员)为用户提供了更丰富的功能和更好的使用体验。本文将详细介绍推特 Premium 会员的权限、升级条件、支付方式以及升级步骤,帮助您轻松完…

    文章 2025年6月23日
  • ChatGPT账号被封禁怎么办?申诉与退款全攻略

    遇到ChatGPT账号被封禁的情况,该如何应对?本文将为你提供详细的申诉步骤和退款方法,帮助你高效解决问题。 封禁原因分析 账号被封禁的原因多种多样,常见的有以下几种: 违反服务条款:包括发布违规内容…

    文章 2025年5月20日
  • 无需 KYC 验证的虚拟信用卡平台:开户简便,用途广泛

    在当今数字化时代,虚拟信用卡成为了许多人处理跨境支付、广告投放和在线订阅的首选工具。本文将介绍一款无需 KYC 验证即可开户的虚拟信用卡平台,其卡段覆盖广泛,适用于多种场景,包括 Facebook 广…

    文章 2025年5月22日
  • 什么是 Midjourney?

    Midjourney (MJ) 是一个基于人工智能的绘图平台,能够通过自然语言生成图像。自 2025 年 7 月首次公测以来,Midjourney 已经成为创作者和设计师的必备工具。只需在 Disco…

    2025年3月29日
  • ChatGPT Plus 快速订阅指南与使用技巧

    ChatGPT Plus 作为 OpenAI 推出的高级订阅服务,凭借其强大的功能和稳定的性能,已成为众多用户的首选工具。本文将为您详细介绍如何快速订阅 ChatGPT Plus,并提供高效使用的实用…

    文章 2025年2月2日